Question

我注意到，空跨度是在Chrome中呈现出来的。

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

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

在Firefox中，它正确显示在后面。

那是为什么？是否有文件/讨论可以阐明？

感谢任何指针。

Answer 1

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

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

错了。第二个仍然在第一个之后渲染。但是因为第一个显示为inline，所以您看到了第二个显示在上方。如果您将display: block设置为第一个跨度，则会清楚理解。