CSS3列 - 寡妇/孤儿

时间:2011-07-13 16:45:00

标签: css3

我一直在四处寻找,看看在CSS3多列中是否有任何处理寡妇和孤儿的好方法,但却没有找到任何一个。我自己尝试了widoworphan属性,但他们没有做任何事情。

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

2 个答案:

答案 0 :(得分:18)

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

display: inline-block 

到块级元素,希望避免跨列。我最近需要<li><dl>。效果很好。

答案 1 :(得分:5)

规范说algorhitms should honor widows and orphans。不知道有多少人。但是你可以通过说永远不会在p 中打破来自己控制一些。

为此,你基本上使用

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

他们采用默认为auto的值,avoidalways。还有一些额外的。

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

相关问题