我四处寻找是否有任何合适的方法来处理 CSS3 多列中的寡妇和孤儿，但很失望地发现没有。我自己尝试了 widow 和 orphan 属性，但它们什么也没做。
有人知道使用 CSS3 多列并处理寡妇和孤儿的方法吗？
最佳答案
一个临时解决方案是添加
display: inline-block
到您希望避免跨列的 block 级元素。我最近需要这个 <li>和 <dl> .两者都适用。
关于CSS3 列 - 寡妇/孤儿，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6682501/