中心动态div

Question

我有一个标题width:100%，里面有一个动态div。 div可以具有任何宽度大小，因此，默认情况下，它从标头继承width:100%。在这种情况下，margin:0 auto无法正常工作，如果我float:left这个div，我也无法使用margin:0 auto。

这个div的最佳解决方案是什么？

Answer 1

您可能需要text-align: center上的<div>以及内部区块上的display: inline-block和text-align: left。

对于所有定心问题，请查看CSS-Tricks guide

.outer {
  text-align: center;
  border: 1px solid #f99;
}

.inner {
  display: inline-block;
  text-align: left;
  border: 1px solid #f99;
  
}

<div class="outer">
  <div class="inner">
    Inner content<br>
    Another line of content
  </div>
</div>

Answer 2

我刚刚在动态div中添加了display:table;margin:0 auto;，但它确实有效。