我想以div为中心,所以我写<div style="padding-left: 50%;">
test
</div>
。文本中心很好,直到我将浏览器调整到非常小的尺寸。 (~300像素宽)。然后它开始显示水平滚动条。
为什么浏览器(Chrome12,Opera11.50,Firefox5)会实现这种行为?在我看来,这根本不正确。没有内容需要滚动条。如何禁用它或我应该做些什么来集中我的内容?
答案 0 :(得分:3)
如果您想将文字居中,请使用text-align:center
。如果要将元素居中,请使用margin:0 auto
。请提供有关您希望完成的更多详细信息。
您可以通过修改overflow
property来阻止滚动条的出现。
答案 1 :(得分:2)
固定宽度的容器可以使用边距居中。将左右边距设置为自动将使div居中。
<div style="width:900px;margin:0 auto;">
test
</div>