两个相同的 html 表格显示不同答案

【问题标题】：two identical html tables display differently两个相同的 html 表格显示不同
【发布时间】：2020-11-30 06:58:32
【问题描述】：

为什么这些表格显示不同？

<table>
  <tbody>
    <tr>
      <td style="width:20%;"><b><u>Date</u></b></td>
      <td style="width:20%;"><b><u>Invested</u></b></td>
      <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
      <td style="width:30%;"><b><u>SPV</u></b></td>
    </tr>
  </tbody>
</table>

<br><br><br>


<table>
  <tbody>
    <tr>
      <td style="width:20%;"><b><u>Date</u></b></td>
      <td style="width:20%;"><b><u>Invested</u></b></td>
      <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
      <td style="width:30%;"><b><u>SPV</u></b></td>
    </tr>
  </tbody>
</table>

【问题讨论】：

不在这里onlinegdb.com/B1V6LlkGP
可能是一些我们乍一看看不到的奇怪字符或空格，因为如果我将第二个表复制到第一个表上，问题就会消失。第二张桌子看起来还不错，只有第一张桌子有问题
我已经更新了答案。请看截图。问题出在差距上。
这个问题与stackoverflow.com/questions/63343424/… 的相似程度令人震惊。你也回答了吗？
我看到了那个帖子，真的被难住了。我可能应该将他们重定向到这篇文章。我现在就更正一下。

标签： html html-table

【解决方案1】：

区别就在这里，在screenshot。在 DOM 结构中，这一行有一个空格，如$nbsp。也许您从另一个编辑器复制了这一行。使用它：

<table>
  <tbody>
    <tr>
      <td style="width:20%;"><b><u>Date</u></b></td>
      <td style="width:20%;"><b><u>Invested</u></b></td>
      <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
      <td style="width:30%;"><b><u>SPV</u></b></td>
    </tr>
  </tbody>
</table>

<br><br><br>

<table>
  <tbody>
    <tr>
      <td style="width:20%;"><b><u>Date</u></b></td>
      <td style="width:20%;"><b><u>Invested</u></b></td>
      <td style="width:30%;"><b><u>Company (and Round)</u></b></td>
      <td style="width:30%;"><b><u>SPV</u></b></td>
    </tr>
  </tbody>
</table>

【讨论】：

【解决方案2】：

正如我在上面的评论中推测的那样，<td style="width:20%;"> 中的空间是一个不间断的空间 (U+00A0 : NO-BREAK SPACE [NBSP])，它可以呈现为 <tdstyle="width:20%;">。只需删除td 和style 之间的空格并输入适当的空格即可。通过https://www.babelstone.co.uk/Unicode/whatisit.html识别的字符

【讨论】：