以外部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;
}

你可以在这里看到