html ie11屏蔽右键,html – Internet Explorer(IE11)忽略CSS break-inside：避免

在一个双列框(列数：2)中,CSS设置为break-inside：避免应避免某些内容从一列中断到另一列.这适用于Firefox和Chrome(使用适当的-webkit …名称),但不适用于Internet Explorer.

这是一个例子：

https://jsfiddle.net/6s7843ue/1/

只是为了确保它不是内容中的flexbox：

https://jsfiddle.net/6s7843ue/4/

我没有找到任何信息IE不支持突破内部,恰恰相反：https://msdn.microsoft.com/de-de/library/hh772193%28v=vs.85%29.aspx

我究竟做错了什么？谢谢！

示例代码

(另见上面的jsFiddle)

HTML

This is a rather long text to break into three separate lines,but sometimes won't stay in one column

Should be in next column

CSS

.outer {

-moz-column-count: 2;

-webkit-column-count: 2;

column-count: 2;

-webkit-column-gap: 1.6em;

-moz-column-gap: 1.6em;

column-gap: 1.6em;

}

.container {

border: 1px solid #AAAAAA;

margin: 0.2em 0;

break-inside: avoid;

page-break-inside: avoid;

-webkit-column-break-inside: avoid;

align-items: center;

}