没有剪切段落的css3列答案

【问题标题】：css3 columns without cutting paragraphs没有剪切段落的css3列
【发布时间】：2012-03-21 23:46:59
【问题描述】：

我试图在列布局中设置一系列。我一直在尝试使用 CSS3，但它将元素减半。举个例子：

http://jsfiddle.net/zh9zq/

是否可以让列不将某些元素切成两半？谢谢

【问题讨论】：

“将元素减半”是什么意思？它看起来和我在 FF11 中应该的一模一样。
我并不是说它的行为是错误的。我说，如果整个段落不会被剪切，我希望它可以留在一个列中，然后在下一列中的下一段

标签： css

【解决方案1】：

找到解决方案：

-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;

【讨论】：

方便地说，这条规则必须在元素上，即不破坏，不在封面或父元素（列元素）上