CSS3列阻止特定列

Question

我有一个div使用CSS3分为三列

.div {column-count: 3;}

此div包含填充部分列的文本字符串。

有人可以想办法阻止这些列中的一个或多个吗？

例如，第一列被阻止，文本从第二列的顶部开始。

div的高度未知并且会发生变化。

div也很满足。

Answer 1

您可以使用Blueprint CSS。它是一个可用于轻松创建复杂多列布局的框架。

http://www.blueprintcss.org/

此链接可以帮助您入门：http://www.cssbakery.com/2012/06/using-blueprint-css-framework.html

此外，列数仅适用于opera。对于Firefox支持-moz-column-count，而Chrome和Safari支持-webkit-column-count。

一帆风顺。

Answer 2

我最终这样做的方式是，如果我想阻止左列，我会将padding-left应用于一列的宽度，将width取下等于一列的宽度并更改{{ 1}}到2。

如果我想阻止中间列，我会将column-count更改为2，并将column-count设置为等于一列的宽度加上现有的列间距。