你能为CSS3多列添加最小高度吗?
当文本只有四行而不是强制一行到第二列时,我宁愿只有一个列.
例如,我宁愿:
Lorem ipsum dolor sit amet
sodales id ipsum ipsum mauris
interdum qui congue
nisl quis, turpis tristique
Run Code Online (Sandbox Code Playgroud)
不是这个:
Lorem ipsum dolor sit amet nisl quis, turpis tristique
sodales id ipsum ipsum mauris
interdum qui congue
Run Code Online (Sandbox Code Playgroud)
有什么建议?
没有最小高度,但是在列开头的段落末尾的最小行数被调用orphans
(并且段落开头处的相反...行自己是widows
).这些是CSS属性,哪些列应该根据规范来表示,但我已经在Chrome中进行了快速测试,它没有任何区别.所以我想我们必须等待这个实施.
如何设置它的一个例子:
p.columns {
column-count: 2;
orphans: 3
}
Run Code Online (Sandbox Code Playgroud)