0

私はこのコードを持っています

<body>

    <? while.. (blah blah blah){ ?>

        <div class="product">
             something
        </div>

        <? } ?>
</body>

cssファイルは

.product{ width:350px; float:left; }

問題は、体に幅がないことです...実際には90％ありますが、私の問題はさまざまな解像度にあります。私にとっては完璧に機能します（幅1680px）が、例として1024に切り替えると、製品がずれているようです (左に整列)

これらの div を非静的で親コンテナーの中央に配置する可能性はありますか?

4

3 に答える 3

3

複数の div が必要な場合は、すべてグループとして中央に配置し、それらを親 div でラップしてから、マージンを使用して中央に配置する必要があります。

あなたの他のオプションは、それらを作成し、体にdisplay: inline;使用text-align: centerしてそれらを中央に配置することです. （または、デフォルトでインラインになるスパンにすることを検討してください）

于 2009-11-25T21:29:03.973 に答える
2

フローティングをオフにすると、使用できます

margin-right: auto;
margin-left: auto;
于 2009-11-25T18:22:53.493 に答える
0

div のパーセンテージで幅を宣言してから , を実行するmargin-left:auto;と、margin-right:auto;それでよろしいでしょうか?

画像に左右のパディングを与えると、画像が中央に配置されます。

于 2009-11-25T19:14:31.577 に答える