在一个非常简单的网页中,我想创建一个包含一系列推文的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)。
还有其他解决方案吗?如果可能,不指定固定宽度或百分比。
答案 0 :(得分:0)
水平居中div的最佳方法是像你一样使用margin: auto
。
但是你必须确保父div大于孩子。它将以父母为中心。
<div style="width: 1000px;">
<div style="width: 500px; margin: 0 auto">I'm align in the middle of my parent</div>
</div>
答案 1 :(得分:0)
margin: 0 auto;
只要父级拉伸整个宽度,将其应用于该div的样式,或者像在类中一样使用它,你需要的是什么。