我遇到了一个滚动问题的中心问题

我试图将一个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>

来源

2013-03-17 user2094719

一个div是块级元素，也不会听text-algin。您将需要在.scroll元素上使用margin: 0 auto，或者使div成为内联块元素。尽管支持块级元素是内嵌块级元素并不完全支持，所以您将不得不使用跨度来获得完整的支持。然而，更好的选择是如果你的div有一个设置的宽度，在你想要居中的元素上使用左右边距auto。

来源

2013-03-17 03:57:37 Leeish

“块级元素的支持是inline-block的乐vel元素不完全支持“除了IE6之外的任何浏览器都有这样的问题吗？ – 2013-03-17 04:02:58

非常感谢你 – user2094719 2013-03-17 04:03:30

不，我以为IE7有它。我真的不确定。如果我需要一个内嵌块元素，我通常不会使用div。我不知道为什么你会在一个跨度上使用div。 – Leeish 2013-03-17 04:05:03

text-align只影响文字。要将<div>定位在中心，请使用
margin-left:auto;margin-right:auto。

来源

2013-03-17 03:57:46

文本对齐还会影响内联/内联块元素，而不仅仅是文本。 – Leeish 2013-03-17 03:59:20

非常感谢你 – user2094719 2013-03-17 04:03:54

您可以将display:inline;margin:auto添加到您的<div>。

来源

2013-03-17 04:03:05

试试这个

HTML

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

CSS

#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; 
}

现场小提琴here

来源

2013-03-17 04:08:16

我遇到了一个滚动问题的中心问题

回答

相关问题