1

我尝试在 CSS3 中使用多列。我有分栏问题。可以使用 chrome 和 Firefox，但不能使用 Internet Explorer 10 和 11。使用 IE，它适用于第一列，但不适用于另一列。

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

我在css中使用：

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

知道如何解决吗？

谢谢你

4

3 回答 3

2

我认为 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/

于 2013-11-10T22:53:36.717 回答
0

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

http://jsfiddle.net/r3TpW/

于 2013-11-11T17:31:23.013 回答
-1

您是否尝试过 -ms- 前缀？

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

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

于 2013-11-10T23:04:42.867 回答