整齐的块崩溃 - 如何使用 - 它的目的是什么

Question

我有点混淆整齐网格在使用块崩溃时的工作原理 - 假设有一个3列网格，前两列产生的宽度类似于34 ....％，第三列是大约31 ...％所以我没有得到三个相等的列彼此。

我在这里错过了什么吗？

Answer 1

block-collapse删除边距装订线，并将其添加到块中。这可以在整个行中工作，直到最后一个块占用剩余空间。这就是为什么你看到一个较小的最后一列。

如果你有一行，并将其设置为$display: table，那么它的子项将显示为表格单元格，这将为您提供整个行的均匀分布，我认为这就是您所追求的。< / p>

笔在这里：

http://codepen.io/mikehdesign/full/jPmWza/

这是一张图片，显示了一组标准列，块折叠和表格显示：