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