Edge 浏览器中 <li> 标记中的偏移量，这不是 chrome答案

【问题标题】：What is offset in <li> tag in Edge browser, which is not coming chromeEdge 浏览器中 <li> 标记中的偏移量，这不是 chrome
【发布时间】：2019-10-26 19:33:08
【问题描述】：

在 Edge 浏览器中，我的 li 标签之间有很多空间。检查计算属性 CSS 选项卡时，它在盒子模型中显示 offset。哪个不是镀铬的，也没有完美渲染。可以在附图中看到差异和计算属性（首先是 Edge，然后是 Chrome）。

来源：https://codepen.io/hemkaran/pen/VJmjOy

演示链接：https://s.codepen.io/hemkaran/debug/VJmjOy/yPAJjXVKDVgA

【问题讨论】：

可能重复 - stackoverflow.com/questions/9264767/…
请尝试发布您的 HTML 和 CSS 代码。它可以帮助我们检查代码并使用多个浏览器测试问题。仅凭图像我们无法对问题有正确的认识。
@Deepak-MSFT 抱歉，如果有人已经知道的话，我无法发表评论，只是想了解一下。
我们没有这方面的任何信息。我们使用简单的样本进行了测试，但 MS Edge 无法产生问题。因此，最好发布任何可能产生问题的代码。它可以帮助我们更好地理解问题。感谢您的理解。
@Deepak-MSFT 抱歉回复晚了。编辑了问题，添加了 codepen 链接。如果在IE11中打开demo链接，上面会有很多空间。

标签： css cross-browser microsoft-edge

【解决方案1】：

我再次尝试测试该问题，我发现您的示例代码可以解决该问题。

根据我的测试结果，MS Edge 的 display:flex 似乎存在问题。

当我尝试取消选中它时，它会删除多余的空间。

我还用new chromium Edge 测试了这个问题，它运行良好。

目前，您可以尝试为 display:flex 应用替代样式，这可能有助于在 MS Edge 中避免此问题。

我将尝试向 Microsoft 工程师提供有关此问题的反馈。

感谢您的理解。

【讨论】：