Internet Explorer 10内部破解

Question

我尝试在CSS3中使用多列。我有列中断的问题。可以使用Chrome和Firefox，但不适用于Internet Explorer 10＆amp; 11.使用IE，它可以与第一列一起使用，但不能与另一列一起使用。

http://jsfiddle.net/JYr5G/5/查看我的例子

我在css中使用：

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

知道如何解决这个问题吗？

谢谢

Answer 1

我认为IE 10-11需要这个

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

break-inside:avoid-column;正在改变。

http://jsfiddle.net/JYr5G/8/

Answer 2

我不确定它是否适合您，但在我从列表项中删除float:left后，break-inside:avoid按照预期在每一列中运行。

http://jsfiddle.net/r3TpW/

Answer 3

你有没有试过-ms-前缀？

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

我改变了你的例子：http://jsfiddle.net/JYr5G/9/