CSS3列屏蔽掉特定的列（S）

Question

我有一个div使用CSS3

.div {column-count: 3;} 

这个div包含文本字符串填充柱的某些部分分为三列。

任何人都可以想出一种方法来阻止一个或多个这些列？

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

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

该div也是contenteditable。

Answer 1

我落得这样做是如果我想阻止左列我会申请padding-left等于一列的宽度，取下width等于一列的宽度，改变column-count为2

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

Answer 2

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

http://www.blueprintcss.org/

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

而且，列数只能在歌剧。对于Firefox支持-moz-column-count，而Chrome和Safari支持-webkit-column-count。

Godspeed。