11

假设我有下表:

<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>

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

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

4

3 回答 3

11

HTML

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

CSS

table { empty-cells: show;}

留下<td>空的,没有理由在里面放一个空间。&nbsp;有时会表现得有点滑稽,尤其是在桌子上。

于 2012-07-24T23:20:11.837 回答
8

我看不出有任何理由不完全按照您的建议行事:使用一个空单元格,其中仅包含一个&nbsp;(“ No Break Space ”):

<tr>
    <td>&nbsp;</td>
    <td>Whatever</td>
</tr>
于 2012-07-24T23:11:09.893 回答
3

CSS 代码:

table { empty-cells: show; }

或者,您也可以插入&nbsp;.<td>

于 2012-07-24T23:09:49.623 回答