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

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

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

示例代码

(另见上面的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;

}