CSS Columns IE 问题答案

【问题标题】：CSS Columns IE issueCSS Columns IE 问题
【发布时间】：2023-03-20 18:15:01
【问题描述】：

我在 IE10 下遇到了一个奇怪的 CSS 列问题。

css:

.columns {
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Safari and Chrome */
    column-count: 2;
    max-width: 450px;
    min-width: 400px;
    opacity: 0.9;
}

当项目数为奇数时，一切都很好，但当我有偶数个项目时，顶部的项目会在两列之间吐出。请看图

请看这里 plunker http://plnkr.co/edit/8aKV6kHjhAIhRF26ZU0v?p=preview

【问题讨论】：

你能展示影响元素的任何其他 css（或者更好的是 jsfiddle？）
不要使用列数
我添加了 plunkr 的链接

标签： html css internet-explorer

【解决方案1】：

column-count 仅适用 >=IE10

【讨论】：

问题出在IE10&IE11下