0

コンテナを画面の中央に水平に配置するにはどうすればよいですか。コンテナーには、配置する 8 つのイメージがあります。すべての画像を 1 行に揃え、画面の解像度に応じて変更する必要があります。

ここに私のHTMLがあります

<div id="container">
    <div id="list"   >
        <img src="img/c1.png" style="display:box; width:125px; margin-left:5px; margin-top:9px" />
        <img src="img/c2.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
        <img src="img/c3.png" style="display:box; width:125px;margin-left:5px;margin-top:9px" />    .
        .
        .
    </div>
</div>

CSS:

#container{margin-left: auto;margin-right:auto;width:1200px;}
4

1 に答える 1

2

ここで、改善されたCSS

ここでは、画像がテキストとして動作するため、このコードは要件に最適です。（何かが期待どおりに機能しない場合は、HTMLとCSSのjsfiddleを残して、ライブコードを取得できるようにします。）

#container {
    position: relative;
    margin: auto;
    width:1200px;
}

#list img {
    display: inline-block;
}

#list {
    vertical-align: middle;
    text-align: center;
}
于 2013-03-09T14:14:48.853 に答える