Html 我无法将滚动div居中

我正在尝试放置一个滚动的div。我希望它死在页面的中心，但它没有做我下面提供的代码。请帮忙

CSS

HTML

东西

div是块级元素，不会侦听

文本algin

。您需要在

元素上使用
margin:0 auto
。滚动

元素或使div成为内联块元素。虽然不完全支持将块级元素作为内联块级元素的支持，因此您必须使用跨度来获得完全支持。但是，更好的选择是，如果div具有设置的宽度，则在要居中的元素上使用左右边距

auto

。

text align

仅影响文本。使用

---

左边距：自动；右边距：自动

您可以添加

显示：内联；边距：自动

到您的

试试这个

HTML

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

---

live fiddle

文本对齐也会影响内联/内联块元素，而不仅仅是文本。“不完全支持将块级元素作为内联块级元素”除了IE6之外，还有其他浏览器存在这样的问题吗？不，我以为IE7有这个问题。我真的不确定。如果需要内联块元素，我通常不使用div。我不知道你为什么要在一段时间内使用div。

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

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

#content  
{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
    height:200px;
    overflow: scroll;
}

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