在 HTML 表格中跳过 <td>答案

【问题标题】：Skip <td> in HTML table在 HTML 表格中跳过 <td>
【发布时间】：2019-09-24 13:38:57
【问题描述】：

假设我有下表：

<table>
  <tr>
    <td>Example</td>
    </td>One</td>
  </tr>
  <tr>
    <td>Example</td>
    </td>Two</td>
  </tr>
  <tr>
    <td>Example</td>
    </td>Three</td>
  </tr>
  <tr>
    <!--
    Here I want to skip the first <td> cell; use only second. Example:
    <td>(empty, possibly &nbsp;)</td>
    <td>blah blah blah</td>
    -->
  </tr>
</table>

如果您阅读了我在最后一行的评论，您可以看到在最后一行中，我想在表格的第二列中显示一些内容，而第一列保持为空。我该怎么做呢？

作为旁注，我阅读了this SO question 中的问题/答案，但 colspan 与我想要的不同。我也不熟悉 css empty-cell 所以如果这是一个解决方案，请提供一些示例代码。

【问题讨论】：

您尝试过自己的建议吗？没有理由 <td></td> 或 <td>&nbsp;</td> 不应该工作，除非你已经尝试过并且没有得到想要的结果。
Is it good to put a   inside an empty <td>?的可能重复
如您所见，问题是重复的。改进现有问题的答案比产生重复问题要好。解释真正的目的和内容可能有助于获得更好的答案。

标签： html html-table

【解决方案1】：

HTML

<tr>
   <td></td>
   <td>content here</td>
</tr>

CSS

table { empty-cells: show;}

将<td> 留空，没有理由在其中放置空格。 &nbsp; 有时会表现得有些滑稽，尤其是在桌子上。

【讨论】：

【解决方案2】：

我看不出有任何理由不完全按照您的建议去做：使用一个空单元格，其中只包含一个 &nbsp;（“No Break Space”）：

<tr>
    <td>&nbsp;</td>
    <td>Whatever</td>
</tr>

【讨论】：

完全省略<td> 直接将内容写入tr 是否安全？
嗨！收到一个 8 岁帖子的问题很有趣！ :) 现在回答你的问题：我认为你不应该那样做。 <tr>（表格行）不应直接包含可见内容。似乎它可以包含 <th>、<td> 以及 <script> 和 <template> 标签 - 请参阅：developer.mozilla.org/en-US/docs/Web/HTML/Element/…
谢谢你，$nbsp;帮助我摆脱将最后一列的背景颜色包装到下一行的第一列）

【解决方案3】：

CSS 代码：

table { empty-cells: show; }

或者，您也可以在<td> 中插入&nbsp;。

【讨论】：