跳过HTML表格

时间:2012-07-24 23:05:54

标签: html html-table

说我有下表:

<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所以如果这是一个解决方案,请提供一些示例代码。

3 个答案:

答案 0 :(得分:8)

HTML

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

CSS

table { empty-cells: show;}

<td>留空,没有理由在那里留一个空格。 &nbsp;有时可能会有点滑稽,特别是在表格中。

答案 1 :(得分:7)

我认为没有理由不完全按照你自己的建议去做:使用一个空单元格,只在其中放置&nbsp;(无间隔空格):

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

答案 2 :(得分:3)

CSS代码:

table { empty-cells: show; }

或者,您也可以在&nbsp;

中插入<td>