column-count在chrome中的fieldst中不起作用

Question

有没有人注意到，在Chrome中，fieldset标签不支持列计数或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>");