使未知数量的div填充得很好

Question

现在，标题可能有点模糊，但我不知道任何其他方式来说出来。我基本上想要的是：

---------  ---------  ---------
| DIV 1 |  | DIV 2 |  | DIV 3 |
---------  ---------  ---------
---------  ---------  ---------
| DIV 4 |  | DIV 5 |  | DIV 6 |
---------  ---------  ---------

这些div位于宽度为1000px的父级中。所以每个div都是宽度的30％（基本上有适当的间隙）。

HTML：

<div id="matches">
    <div class="match_box">
        DIV 1
    </div>
    <div class="match_box">
        DIV 2
    </div>
    <div class="match_box">
        DIV 3
    </div>
    <div class="match_box">
        DIV 4
    </div>
    <div class="match_box">
        DIV 5
    </div>
    <div class="match_box">
        DIV 6
    </div>
</div>

CSS：

#matches {
    height: 100%;
    width: 1000px;
}

我该怎么做呢？ （.match_box是需要很好地流动的div。）

提前致谢！

Answer 1

试试这个：

MYSQLI_ASSOC

住：

https://jsfiddle.net/Lu8p6gr3/2/

Answer 2

如果您不必定位旧浏览器，则可以使用flexbox。这允许您很好地分隔元素。在这里，他们走到两边的边缘。

public SomeFunction() {

    this.privateFunction();
}

https://jsfiddle.net/ekhts0fs/5/

将justify-content更改为space-between或center（请参阅上面的flexbox链接）可以对它们进行不同的定位。