在使用 CSS-multicolumn 构建一个大型菜单以用内容框很好地填充弹出窗口时，我遇到了一个障碍：Chrome 坚持以奇怪的方式排列块。请在 Chrome 和 Firefox 中打开这个小提琴，看看我的意思：
https://jsfiddle.net/061ar2x6/4/
Firefox 做对了（即我想要的方式）：
[ 1 ] [ 2 ] [ 3 ] [ 4 ]
但 Chrome 这样做是出于某种原因：
[ 1 ] [ 2 ]
[ 3 ] [ 4 ]
这真的很烦人，因为它通常会使弹出的方式比它需要的更长，同时水平半空。Opera 表现出相同的行为，而 IE/Edge 则可以。
谁能告诉我为什么会发生这种情况以及我能做些什么来避免它？
谢谢 ：-）
<ul>
<li>1<br>...</li>
<li>2</li>
<li>3</li>
<li>4<br>...</li>
</ul>