html - 两个相同的 html 表格显示不同
问题描述
为什么这些表显示不同?
<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>
解决方案
不同之处就在这里,在屏幕截图中。在 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>
推荐阅读
- android - 如何配置 Kotlin Androidx 依赖项以进行单元测试以及成功编写单元测试
- atom-editor - 如何更改多个特定关键字的颜色
- java - 如何将一个子元素值放入 Android 中的 ArrayList 中?
- javascript - 我无法在反应中将道具传递给我的组件
- flutter - 在 Flutter 中使用 contacts_service 更改联系人的电话号码
- javascript - 页面上有多个 AppBar 的 Material-UI
- reactjs - 我用打字稿写的反应组件不接受孩子
- google-chrome - runtime.lastError,Chrome扩展清单权限问题
- java - 我在线程“AWT-EventQueue-0”中遇到异常 java.lang.NullPointerException 错误。我应该怎么办?
- java - 观察方法与观察者<>