web-dev-qa-db-ja.com

cssを使用してインラインdivを中央に配置する方法は?

Cssを使用してインラインdiv(コンテンツではなく)を中央に配置するにはどうすればよいですか?

非常に重要:divの幅が不明です(指定できません)

20
Mihai Om

インラインで言うと、CSS表示プロパティがinlineに設定されている場合、直接の親コンテナにtext-align:center

別のdiv内のdivを意味する場合、ラッパーを追加して両方をフロートできる場合、このアプローチに従うことができます。

可変幅の浮動要素を水平方向に中央揃えするには?

18
Moin Zaman

これを解決しました。このdivlikeの外に新しいdivtext-align:centerとともに追加する必要があります

<div style="text-align:center;"> <div>

インライン表示で中央にない</div></div>

6
katum

これは最も簡単で簡単なソリューションです

.center {
  display: table;
  margin: auto;
}
3
Guy Sopher

Divにラップして幅を指定し、問題のdivのマージンを次のように設定できます。margin:0、auto;

2
mkoistinen

親要素をdisplay:inline-blockおよびtext-align:center;で「ブロック状」にしたい場合は、おそらく逃げることができます。また、おそらくvertical-align:topを与える必要があります

2
meder omuraliev