为什么填充左:50%最终停止工作?

时间:2011-07-04 14:58:48

标签: html css

我想以div为中心,所以我写<div style="padding-left: 50%;"> test </div>。文本中心很好,直到我将浏览器调整到非常小的尺寸。 (~300像素宽)。然后它开始显示水平滚动条。

为什么浏览器(Chrome12,Opera11.50,Firefox5)会实现这种行为?在我看来,这根本不正确。没有内容需要滚动条。如何禁用它或我应该做些什么来集中我的内容?

2 个答案:

答案 0 :(得分:3)

如果您想将文字居中,请使用text-align:center。如果要将元素居中,请使用margin:0 auto。请提供有关您希望完成的更多详细信息。

您可以通过修改overflow property来阻止滚动条的出现。

答案 1 :(得分:2)

固定宽度的容器可以使用边距居中。将左右边距设置为自动将使div居中。

<div style="width:900px;margin:0 auto;">
    test
</div>