84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
div
如果您不想在内部的div上设置固定宽度,可以尝试以下方法:
#outer { width: 100%; text-align: center; } #inner { display: inline-block; }
<div id="outer"> <div id="inner">Foo foo</div> </div>
这将使内部的div成为一个可以通过text-align居中的内联元素。
text-align
使用flexbox非常容易将div水平和垂直居中。
flexbox
#inner { border: 0.05em solid black; } #outer { border: 0.05em solid red; width:100%; display: flex; justify-content: center; }
如果您不想在内部的
div
上设置固定宽度,可以尝试以下方法:这将使内部的
div
成为一个可以通过text-align
居中的内联元素。使用
flexbox
非常容易将div水平和垂直居中。