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。