0

内部に正方形のdivの行があるコンテナを中央に配置しようとしています。ただし、それを機能させようとして、コンテナー内の単一の正方形に縮小しました。自動幅にする必要がありますが、中央揃えにする必要もあります。自動幅を使用しているコンテナ div を中央に配置するにはどうすればよいですか? 幅が固定されている場合にのみ、「パネル」divを中央に配置するようです。

HTML FILE  

<div class="panel">
    <div class="item"></div>
</div>

CSS FILE

.panel {
    position:absolute; /*This seems necessary to get the auto width to work.*/
    margin: 10px auto;

    border-style: solid;
    border-color: #000000;
}

.item {
    width: 50px;
    height: 50px;
    margin: 30px;

    border-style: solid;
    border-color: #000000;
}

最終的には、パネル内にさらにアイテムを追加する予定です。

4

1 に答える 1

0

あなたの質問が正確に何であるかはわかりませんが、内側のdivを中央に配置するために絶対/固定位置または左/右フロートを使用する必要はありません。内側の div を中央に配置するには、margin-left: 50%マイナスを使用するmargin: 30pxと、内側の div が中央に配置されます。JSFIDDLE

于 2012-08-11T11:57:43.917 に答える