4

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

.div {column-count: 3;}

这个 div 包含一个填充部分列的文本字符串。

谁能想到一种方法来阻止这些列中的一个或多个?

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

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

div 也是 contenteditable。

4

2 回答 2

1

您可以使用蓝图 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。

神速。

于 2013-02-12T10:49:52.070 回答
1

我最终这样做的方式是,如果我想阻止左列,我将应用padding-left等于一列的宽度,取下width等于一列的宽度并更改column-count为 2。

如果我想阻止中间列,我将更column-count改为 2 并将column-gap等于一列的宽度加上现有的列间隙。

于 2013-02-12T22:14:41.257 回答