CSS3列 - 寡妇/孤儿 [英] CSS3 Columns - Widows / Orphans

问题描述

我在环顾四周，看看CSS3多列中是否有任何正确的处理寡妇和孤儿的方法，但是一直没有找到。我试过寡妇和孤儿属性，但他们没有做任何事情。

I've looking around to see if there have been any decent way of handling widows and orphans in CSS3 multi-columns, but have been disappointed to find none. I've tried the widow and orphan properties themselves, but they didn't do anything.

有人知道使用CSS3多列和处理窗口和孤立的方法吗？

Does anybody know of a way to use CSS3 multi-columns and handle widows and orphans?

推荐答案

这个临时解决方案是添加

An interim solution to this is to add

display: inline-block 

到您希望避免跨列的块级元素。我最近需要< li> 和< dl> 。

to the block level element you wish to avoid breaking across columns. I recently needed this for <li> and <dl>. Works well for either.

这篇关于CSS3列 - 寡妇/孤儿的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！