以外部div为中心，'text-align：center'未按预期工作

Question

我在div中有一段内容，目前在左边。 小提琴。

我尝试添加一个容器div，如：

<div style='text-align:center; width:100px;'>[content]</div>

但没有运气。 还试过这个：

<div style='margin: 0px auto; width:100px;'>[content]</div>

内容仍然保持一致。

这有效，但我想找到使用CSS执行此操作的正确方法：

<div style='width:100px;' align='center'>[content]</div>

援助表示感谢 我很想用桌子来做这件事，但我需要打破旧习惯！

Answer 1

如果你试图让外部div居中于它的父（在这种情况下为body ），你应该将它的横向边距设置为auto：

body div{
    margin: auto;
}

你可以在这里看到

Answer 2

使div居中的工具实际上是margin: 0 auto; 。

Answer 3

用“圆角”里面的另一个div包装内容。

并写出style="width: 100%; margin: 0 auto;" 对于这个新的div