css - 如何使用 css3 使文本流过 2 行 2 列？

Question

目前我有一个 1024px 宽的 div。

在那个框中是两个 CSS3 列，文本自动从一个列流到下一个列。

但是，我想将这两列的高度限制为 700 像素 - 一旦它们已满，我希望在它们下面再出现 2 个具有相同高度的列。

这可能吗？

score 1 · Accepted Answer

对此进行更新：

gimme5 提到的 Adobe CSS Regions 提案看起来很棒。不幸的是，根据 caniuse.com 的说法，现在似乎很少支持浏览器 - 它已从当前版本的 Webkit 中删除。

有一个更简单的建议可以完成所需的工作：CSS 多列布局 ( http://www.w3.org/TR/css3-multicol/ )，它似乎具有更广泛的浏览器支持。我还没有尝试过，但它可能对你有用，而不必堆积大量的 Javascript。

score 1 · Accepted Answer

好的。完全有可能实现我认为您将要构建的东西。然而，如果你想自己做，你需要的不仅仅是 CSS3 样式。您还需要大量的 JavaScript。

看看这个 Columnizer jQuery 插件（它可以完成这项工作）

2 回答 2