css3列没有剪切段落

Question

我试图在列布局中设置一系列.我一直在尝试使用CSS3,但它将这些元素减少了一半.下面是一个例子:

http://jsfiddle.net/zh9zq/

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

Answer 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;