我遇到了一个滚动问题的中心问题
我试图将一个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>
一个div是块级元素,也不会听text-algin
。您将需要在.scroll
元素上使用margin: 0 auto
,或者使div成为内联块元素。尽管支持块级元素是内嵌块级元素并不完全支持,所以您将不得不使用跨度来获得完整的支持。然而,更好的选择是如果你的div有一个设置的宽度,在你想要居中的元素上使用左右边距auto
。
text-align
只影响文字。要将<div>
定位在中心,请使用margin-left:auto;margin-right:auto
。
文本对齐还会影响内联/内联块元素,而不仅仅是文本。 – Leeish 2013-03-17 03:59:20
非常感谢你 – user2094719 2013-03-17 04:03:54
您可以将display:inline;margin:auto
添加到您的<div>
。
试试这个
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
“块级元素的支持是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