防止无序列表中的列换行，将列表项对齐到列的顶部

Question

我有一个包含多个列表项的无序列表，分为 4 列 - 如下图。

我在获取上层的 list-items 时遇到问题 - 在图像示例中旁边有图像的那些 - 打破该列并从下一列开始，否则的话重叠。

我尝试在 CSS 中的每个 UL 元素上设置 CSS 属性，例如：

-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-webkit-column-break-inside:avoid;
-o-column-break-inside:avoid;

然而，似乎什么都没有改变。我以为这是可以控制它的样式，但我一定是错的。

我具体要问的是如何防止 list-item 的内容换行到无序列表中的下一列。

Answer 1

我在尝试创建示例以供审核时意识到，该问题仅在我的 Internet Explorer 中出现。

添加样式 'break-inside:avoid;' 更正了该浏览器中的问题；看来其他样式涵盖的浏览器中不存在该问题。