向CSS3多列添加最小高度

当文本只有四行而不是强制一行到第二列时，我宁愿有一列。

比如我宁愿：

Lorem ipsum dolor sit amet 
sodales id ipsum ipsum mauris 
interdum qui congue 
nisl quis, turpis tristique

不是这个：

Lorem ipsum dolor sit amet  nisl quis, turpis tristique 
sodales id ipsum ipsum mauris 
interdum qui congue

有什么建议？

来源

2011-12-16 uriah

没有最小高度，但是在一列的开头自己的段落末尾的最小行数被称为orphans（并且在一开始时它们自己的相反......行段落是widows）。这些列是根据spec应该列出的CSS属性，但我在Chrome中做了一个快速测试，它没有任何区别。所以我想我们必须等待这个实施。

的应该如何设置一个例子：在列

p.columns { 
    column-count: 2; 
    orphans: 3 
}

来源

2011-12-16 11:44:17

这很烂，为什么不把它卷我们的一次。谢谢@Nathan – uriah 2011-12-16 11:46:59

WebKit是一个开源项目，你可以贡献你自己的源代码，如果还没有完成，你也可以提交一个bug（[帮助社区：报告浏览器错误]（http://coding.smashingmagazine.com）/2011/09/07/help-the-community-report-browser-bugs /）;） – FelipeAls 2011-12-16 14:13:23

民高度现在是由IE 10和Firefox支持。在Webkit中，但文本溢出到容器外的权利，在这两年bug报告 Bug#55740 Bug#65691

来源

2013-02-11 10:21:34

我知道已经解释过，这是一个古老的一个。但是在我的研究过程中，这个主题首先出现了，所以我最好分享我的结果。有一个partial supported属性，名为column-fill它的确，你和我正在寻找什么。部分的手段，你应该使用浏览器特定的前缀...

column-count: 2; 
column-width: auto; 
column-fill: auto;

这里是MDN Docs

来源

2016-04-14 08:05:58 honk31

向CSS3多列添加最小高度

回答

相关问题