居中包含嵌入推文的 div答案

【问题标题】：Centering a div containing embedded tweets居中包含嵌入推文的 div
【发布时间】：2014-12-17 01:50:13
【问题描述】：

在一个非常简单的网页中，我想创建一个 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）。

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

【问题讨论】：

【解决方案1】：

让 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>

【讨论】：

【解决方案2】：

margin: 0 auto;

只要父级拉伸整个宽度，将其应用于该 div 的样式，或将其用作类中，这就是您所需要的。

【讨论】：