Html 为什么跨距之间的空格出现在表头而不是div中？

我正在尝试将基于表的布局转换为非基于表的布局。我现有的代码看起来很像：

<tr>
  <th>
   <span>Hello</span><span>World</span>
  </th>
</tr>

我基于div的布局看起来像

<div>
  <span>Hello</span><span>World</span>
</div>

问题是，表格布局呈现得很粗糙

你好，世界

而div的布局就像

地狱世界

不幸的是，我无法重现这一点，这意味着差异可能深深地埋藏在CSS规则中。这个页面有一个很大的代码库，到目前为止，我还不能缩小CSS规则的范围

在Chrome Inspector中，如果我取消选中与字体大小相关的所有样式，则这两种样式的行为似乎都不会改变

---

什么CSS规则可能导致这种差异？

您确定表格单元格内的跨距在同一行而不是单独的行中呈现吗？通过单击鼠标右键>查看源代码而不是在Chrome devtools中进行检查。问题可能源于标记的类型：[查看此文章以了解这是否有助于解决问题。][1][1]：尝试添加字体大小：0