8

我在 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>

协助表示赞赏。我很想用桌子来做这件事，但我需要打破旧习惯！

4

3 回答 3

8

如果您尝试使外部 div 相对于其父级居中（body在这种情况下），您应该将其横向边距设置为 auto：

body div{
    margin: auto;
}

正如你在这里看到的

于 2013-01-22T14:21:00.667 回答
3

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

于 2013-01-22T14:22:49.123 回答
0

用另一个div“圆角”将内容包裹起来。

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

于 2013-01-22T14:34:54.047 回答