私はDIVを使って1つのDIVをセンタリングするのに助けが必要です。
私は1つのコンテナDIVは、画面の全幅を取るために自動幅(それを呼び出すことができますheaderContainer。
headerContainer内で、さらに3つのDIVが必要です。
- 左DIV(幅400ピクセル)
- センターDIV(幅100ピクセル)
- 適切なDIV(200ピクセル幅)。
私はセンターのDIVを画面の真ん中に直接したい。今、私はそれを左右のDIVの中央に置くことしかできません。
助けてくれてありがとう。
ベストアンサー
これは機能します。
。headerContainer{
width:auto !important;
}
。leftDiv{
float:left;
width:400px;
}
。rightDiv{
float:right;
width:200px;
}
。centerDiv{
display:inline;
width:100px;
margin-left:auto;
margin-right:auto;
}
。
<div class="headerContainer">
<div class="leftDiv"></div>
<div class="centerDiv"></div>
<div class="rightDiv"></div>
</div>