时间戳

首页 > 解决方案 > Chrome在它的兄弟姐妹之前呈现空跨度

html - Chrome在它的兄弟姐妹之前呈现空跨度

问题描述

我注意到空跨度是在 Chrome 中的同级之前呈现的。

例如，在这个片段中，当您指向开发工具中的第二个跨度时，它将显示在“abc”跨度之前。

<html>
  <body>
    <span>abc</span>
    <span></span>
  </body>
</html>

见https://jsfiddle.net/psimon/4sbt62pu/

在 Firefox 中，它在后面正确呈现。

这是为什么？是否有文档/讨论可以提供一些启示？

感谢您的任何指示。

标签： htmlgoogle-chromefirefoxrendering

解决方案

我注意到空跨度是在 Chrome 中的同级之前呈现的。

它将显示在“abc”跨度之前。

那是错误的。第二个仍然在第一个之后渲染。但是因为第一个的显示是inline，所以你看到第二个在上面。如果你设置display: block为第一个跨度，你会明白的。

推荐阅读