css – 以外部div为中心,’text-align:center’未按预期工作

前端之家收集整理的这篇文章主要介绍了css – 以外部div为中心,’text-align:center’未按预期工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在div中有一段内容,目前它位于左侧. Fiddle.

我尝试添加一个容器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>

援助表示赞赏我很想用桌子做这件事,但我需要打破旧习惯!

解决方法

如果你试图让外部div居中于它的父(在这种情况下是body),你应该将它的横向边距设置为auto:
body div{
    margin: auto;
}

你可以看到here

原文链接:https://www.f2er.com/css/216045.html

猜你在找的CSS相关文章