css - 实现具有独立行高的多列布局

Question

我正在尝试创建一个类似于新的 Google+ 布局和类似于这个问题的布局（但使用 html）。

目前 Google+ 每列使用 1 个 div。我想看看是否有另一种方法可以做到这一点。

可能 CSS3 的 flexbox 模型会有所帮助，但它的兼容性水平是……嗯。

我尝试了 inline-block 模型，但这样做会创建不独立于彼此高度的行。

有现有的解决方案，但一切都需要 IE10+ 或 IE11+。我需要一个兼容 IE7+ 的解决方案。我在每列的 div 旁边看不到任何东西。

有没有人做过类似的事情？

score 0 · Accepted Answer

CSS 多列布局模块可以满足您的需求。

.foo {
    columns: 30em; /* desired number of columns and/or width of column */
}

1 回答 1