在一个非常简单的网页中,我想创建一个包含一系列推文的 div
,代码来自 Twitter。
这个div
应该在页面中水平居中;我试过
<div style="text-align:center">
与
<div style="width: 900px; display: block; margin-left: auto; margin-right: auto;">
如 this邮政。 第一个解决方案不使 div 居中;当宽度增加时,第二个将 div 逐渐移动到页面左侧(并且 div 以低宽度居中,比如 200、300)。
还有其他解决办法吗?如果可能,请不要指定固定宽度或百分比。
最佳答案
将 div 水平居中的最佳方法是像您一样使用 margin: auto
。
但是你必须确保父 div 比子 div 大。它将以父级为中心。
<div style="width: 1000px;">
<div style="width: 500px; margin: 0 auto">I'm align in the middle of my parent</div>
</div>
关于html - 将包含嵌入式推文的 div 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26493452/