0

スクロールする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>
4

4 に答える 4

1

div はブロック レベルの要素であり、リッスンしませんtext-algin。margin: 0 auto要素で使用するか.scroll、div をインライン ブロック要素にする必要があります。ただし、ブロック レベル要素をインライン ブロック レベル要素にするサポートは完全にはサポートされていないため、完全にサポートするにはスパンを使用する必要があります。ただし、div に幅が設定されている場合は、中央揃えにする要素の左右のマージンを使用するautoことをお勧めします。

于 2013-03-17T03:57:37.940 に答える
0

text-alignテキストのみに影響します。<div>を中央に配置するには、 を使用します
margin-left:auto;margin-right:auto。

于 2013-03-17T03:57:46.447 に答える
0

に追加できdisplay:inline;margin:autoます<div>。

于 2013-03-17T04:03:05.863 に答える
0

これを試して

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

ここでフィドルをライブ

于 2013-03-17T04:08:16.047 に答える