css - 列数在 chrome 的字段中不起作用

Question

有没有人注意到字段集标签在 Chrome 中不支持列数或 flex 样式？有谁知道解决方法？不幸的是，这是在我无法控制的环境中创建的。所以，我无法更改 HTML。

<fieldset style="column-count: 4;">No Bueno in Chrome</fieldset>

我创建了一个呈现 4 列内容的 codepen。但如果你在 Chrome 中查看它，它只有一列。

https://codepen.io/mrowka3d/pen/ZZqzVK?editors=1100

Answer 1

对于可能遇到此问题的任何人，我都能够在字段集中编写一个 div，并且列计数效果很好。只要你可以添加这个：

$( "fieldset" ).wrapInner( "<div></div>");