html - 我在将滚动 div 居中时遇到问题

Question

我正在尝试放置一个滚动的 div。我希望它死在页面的中心，但它不是用我在下面提供的代码来完成的。请帮忙。

CSS

#content  
{
text-align: center;
}

.scroll
{
background-color:#fff;
color:#000;
width:500px;
height:400px;
overflow:scroll;
}

HTML

<div id ="content">
<div class="scroll"> Stuff </div>
</div>

Answer 1

div 是 block 级元素，不会监听 text-algin。您需要在 .scroll 元素上使用 margin: 0 auto 或使 div 成为内联 block 元素。尽管不完全支持将 block 级元素作为内联 block 级元素的支持，因此您必须使用 span 才能获得完整支持。但是，更好的选择是，如果您的 div 具有设置的宽度，请在要居中的元素上使用 auto 的左右边距。