web-dev-qa-db-ja.com

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

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

非常に重要：divの幅が不明です（指定できません）

csshtmlcenter
20
Mihai Om

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

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

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

18
Moin Zaman

これを解決しました。このdivlikeの外に新しいdivをtext-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