为什么剩下的填充:50%最终停止工作

  • 本文关键字:停止工作 填充 html css
  • 更新时间 :
  • 英文 :


我想将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>

最新更新