我有一个使用 CSS3 分为三列的 div
.div {column-count: 3;}
这个 div 包含一个填充部分列的文本字符串。
谁能想到一种方法来阻止这些列中的一个或多个?
例如,第一列被阻止,文本从第二列的顶部开始。
div 的高度是未知的并且会发生变化。
div 也是 contenteditable。
我有一个使用 CSS3 分为三列的 div
.div {column-count: 3;}
这个 div 包含一个填充部分列的文本字符串。
谁能想到一种方法来阻止这些列中的一个或多个?
例如,第一列被阻止,文本从第二列的顶部开始。
div 的高度是未知的并且会发生变化。
div 也是 contenteditable。
您可以使用蓝图 CSS。它是一个框架,可用于轻松创建复杂的多列布局。
此链接可以帮助您入门:http ://www.cssbakery.com/2012/06/using-blueprint-css-framework.html
此外,列数仅适用于歌剧。Firefox 支持 -moz-column-count,而 Chrome 和 Safari 支持 -webkit-column-count。
神速。
我最终这样做的方式是,如果我想阻止左列,我将应用padding-left
等于一列的宽度,取下width
等于一列的宽度并更改column-count
为 2。
如果我想阻止中间列,我将更column-count
改为 2 并将column-gap
等于一列的宽度加上现有的列间隙。