Html CSS:Google Chrome在元素上使用内联块做奇怪的事情

我有一些奇怪的和令人不安的事情发生在Chrome上，UL元素设置为

display:inline block

在我的屏幕上，它似乎每次都显示得非常好：


但是，在我的同事的Chrome浏览器（相同版本）上：


令人不安的是，如果他打开开发者控制台并简单地打开
display:inline块一次又一次地关闭和打开，它工作了

这是我的活生生的例子-

有人知道到底是什么导致了它，或者我可能如何调试它，甚至修复它吗

哦，如果链接停止工作，这里有一些代码片段：

HTML:

移除列表样式位置：内部；似乎为我修好了。或者，如果您有意需要该内部位置，您仍然可以将其作为显示块并使其工作：

ul, ol {
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
}

移除列表样式位置：内部；似乎为我修好了。或者，如果您有意需要该内部位置，您仍然可以将其作为显示块并使其工作：

ul, ol {
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
}

在您设置了
列表样式位置的地方：在
内部，您没有使元素变大以说明元素中的项目符号

删除
列表样式位置：内部
，尽管您已经设置了此属性，如果您使元素比默认值宽，并且不需要包装就可以安装，您可能希望保留此属性。
您设置了
列表样式位置的地方：内部
您没有使元素变大，以说明正在使用的项目符号在元素中

删除
列表样式位置：内部
，尽管您已经设置了此属性，但如果您使元素比默认值宽，并且无需包装即可安装，则可能希望保留此属性。
很好！这确实停止了Chrome的尴尬，尽管它将列表样式定位为：外部使他们偏离中心：/遗憾的是，无法执行您的建议。当您在列表中有多个时，它们不会很好地坐在一起：。保持原样：所谓“坐得很好”，你的意思是你希望列表居中，但在每个单独的项目符号内，文本是左对齐的吗？真的，对不起，我没有说清楚。似乎将其更改为
列表样式位置：外部是实现这一点的最佳方法，即使它确实使它们看起来稍微偏离中心。问题也可能是，因为您使用“内联块”，ul不知道它应该有多宽，也许给它一个宽度，然后您可以使用边距将其居中。好发现！这确实停止了Chrome的尴尬，尽管它将列表样式定位为：外部使他们偏离中心：/遗憾的是，无法执行您的建议。当您在列表中有多个时，它们不会很好地坐在一起：。保持原样：所谓“坐得很好”，你的意思是你希望列表居中，但在每个单独的项目符号内，文本是左对齐的吗？真的，对不起，我没有说清楚。似乎将其更改为
列表样式位置：外部是实现这一点的最佳方法，即使它确实使它们看起来稍微偏离中心。问题也可能是，因为您使用“内联块”，ul不知道它应该有多宽，也许给它一个宽度，然后您可以使用边距将其居中。
ul, ol {
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
}