css - 居中浮动左div在体内

Question

我有这段代码

<body>

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

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

        <? } ?>
</body>

而css文件是

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

问题是body没有宽度，嗯......实际上它有90％，但我的问题在于不同的分辨率，它对我来说非常适合（1680px宽度）但是当我切换到1024时，例如，产品似乎已关闭（左对齐）

是否有可能将这些具有非静态的 div 居中在其父容器上？

score 3 · Accepted Answer

如果您想要多个 div，全部居中作为一个组，则必须将它们包装在父 div 中，然后使用边距将其居中。

您的另一个选择是制作它们display: inline;并text-align: center在身体上使用以使它们居中。（或者考虑让它们跨越，默认为内联）

score 2 · Accepted Answer

2

如果你关闭浮动，你可以使用

margin-right: auto;
margin-left: auto;

于 2009-11-25T18:22:53.493 回答

score 0 · Accepted Answer

如果您为 div 声明一个百分比宽度，然后执行margin-left:auto;, margin-right:auto;，可以吗？

您可以给图像一些左右填充，这应该使您的图像居中。

3 回答 3