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

Question

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

我无法获取上层列表项 - 图像示例中旁边有图像的列表项 - 如果它们会重叠，则打破列并从下一列开始。

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

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

然而，似乎没有任何改变。我认为这是控制它的风格，但我一定是错的。

具体来说，我要问的是如何阻止列表项的内容包装到无序列表中的下一列。

Answer 1

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

添加样式'break-inside：avoid;'更正了该浏览器中的问题;似乎问题在其他样式所涵盖的浏览器中不存在。