Question

我有这段代码

<body>

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

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

        <? } ?>
</body>

并且css文件是

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

问题是身体没有宽度，好吧......实际上它有90％，但我的问题在于不同的分辨率，它对我来说很完美（1680像素宽）但是当我切换到1024例如，产品似乎已关闭（与左侧对齐）

是否有可能将那些带有非静态内容的div置于其父容器中？

Answer 1

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

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

Answer 2

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

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

Answer 3

如果您为div声明宽度（以百分比表示），然后执行margin-left:auto;，margin-right:auto;，那会没问题吗？

您可以为图像添加一些左右填充，这样可以使图像居中。