CSS3列 - 寡妇/孤儿

Question

我一直在四处寻找,看看在CSS3多列中是否有任何处理寡妇和孤儿的好方法,但是却一直没有找到.我试过widow和orphan属性本身,但他们没有做任何事情.

有没有人知道使用CSS3多列并处理寡妇和孤儿的方法？

Answer 1

对此的临时解决方案是添加

display: inline-block 

到块级元素,您希望避免跨列.我最近需要这个<li>和<dl>.适用于任何一个.

Answer 2

该规范说,算法应该尊重寡妇和孤儿.不知道有多少人.但是你可以通过说永远不会破坏p它来自己控制它.

为此,你基本上使用

• break-before
• break-after
• break-inside

他们采取的auto默认值和avoid和always.还有一些额外的.

Opera支持它,你可以在这里找到信息:http://www.opera.com/docs/specs/presto2.10/css/multicolumnlayout/