将包含嵌入式推文的div居中

时间:2014-10-21 18:14:37

标签: html css center margin

在一个非常简单的网页中,我想创建一个包含一系列推文的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)。

还有其他解决方案吗?如果可能,不指定固定宽度或百分比。

2 个答案:

答案 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的样式,或者像在类中一样使用它,你需要的是什么。