防止在无序列表中将列表项对齐，将列表项对齐到列顶部

我有一个无序列表，其中包含多个列表项目，分为4列 - 下图。防止在无序列表中将列表项对齐，将列表项对齐到列顶部

我遇到麻烦列表项的上一级 - 有图像的那些旁边的图像例子 - 打破列，并在下一列开始，如果他们否则会重叠。

我试过设置CSS属性，每个整个CSS的UI元素，如：

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

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

我在问什么，具体而言，是我如何防止列表项的内容封装到无序列表中的下一列。

来源

2017-05-10 schizoid04

张贴足够的HTML和CSS的代码段，该问题在您的文章中复制。看看如何创建一个[mcve] –

我会努力获取一个HTML示例。 – schizoid04

我意识到，虽然试图创建一个样本进行审查，该问题只发生在我在Internet Explorer中。

添加样式'break-inside：avoid;'纠正了该浏览器中的问题;它似乎并没有出现在其他风格所涵盖的浏览器中。

来源

2017-05-10 20:35:40 schizoid04

我相信大多数时候当你尝试隔离你的问题时，你最终会在这个过程中解决它。 – zgood

在这种情况下，我实际上无法完全隔离/重新创建问题。 HTML是一个程序化/自动从第三方应用程序生成的页面;我只能访问配置正在使用的CSS。大多数html内容是由于java脚本调用而加载的，这些调用只有在您通过身份验证时才会起作用，所以我无法找到一种导出HTML的方式，而不仅仅是一个大部分空白的页面，哈哈。直到我在另一台服务器上查看应用程序的单独副本时，我才意识到它在Opera中运行，这是一个单独的浏览器，并建立了连接。 – schizoid04

防止在无序列表中将列表项对齐，将列表项对齐到列顶部

回答

相关问题