居中浮动左div在体内答案

【问题标题】：Centering float left div's in the body居中浮动左div在体内
【发布时间】：2010-12-20 09:56:21
【问题描述】：

我有这段代码

<body>

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

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

        <? } ?>
</body>

css文件是

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：