html - margin 自动在 float div 中不起作用

Question

我希望卡片 div 在容器 div 的中心对齐。但是..正如你所看到的那样

谁能帮帮我？

如果如下html代码:

<div class="container">
    <div class="card">
        <div id="cart_image"></div>
        <div id="cart_author"></div>
        <div id="cart_desc"></div>
    </div>
</div>

和这个CSS代码:

<style>

    .container {
        width: 100%;
        background: silver;
        max-width: 1400px;
        margin: 0 auto;
    }

    .card {
        margin: 2px;
        width: 32%;
        height: 250px;
        background: black;
        box-sizing: border-box;
        float: left;
    }
</style>

Answer 1

在“容器”类中，添加以下 CSS:

宽度:100%；
边距:0px 自动；

应该做。