跳跃 in HTML table

问题描述 投票:7回答:3

说我有如下表:

<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问题/答案,但合并单元格是我想要的东西不同。我也不熟悉CSS empty-cell所以如果这是一个解决方案,请提供一点的示例代码。

html html-table
3个回答
8
投票

HTML

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

CSS

table { empty-cells: show;}

离开<td>空的,没有理由把一个空间在那里。 &nbsp;有时可以扮演一个有点滑稽,尤其是在表中。


7
投票

我看不出有什么理由不这样做正是你自己提出什么:使用空单元格,只在它放置&nbsp;(无间断空格):

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

3
投票

CSS代码:

table { empty-cells: show; }

或者,你可以在&nbsp;插入<td>

© www.soinside.com 2019 - 2024. All rights reserved.