我一直在四处寻找,看看在CSS3多列中是否有任何处理寡妇和孤儿的好方法,但却没有找到任何一个。我自己尝试了widow
和orphan
属性,但他们没有做任何事情。
有没有人知道使用CSS3多列并处理寡妇和孤儿的方法?
答案 0 :(得分:18)
对此的临时解决方案是添加
display: inline-block
到块级元素,希望避免跨列。我最近需要<li>
和<dl>
。效果很好。
答案 1 :(得分:5)
规范说algorhitms should honor widows and orphans。不知道有多少人。但是你可以通过说永远不会在p
中打破来自己控制一些。
为此,你基本上使用
break-before
break-after
break-inside
他们采用默认为auto
的值,avoid
和always
。还有一些额外的。
Opera支持它,您可以在此处找到信息:http://www.opera.com/docs/specs/presto2.10/css/multicolumnlayout/