Question

我正在试图弄清楚如何在HTML表格上向左移动一个单元格。我想在最后一行使用较少的单元格，默认情况下它在右边。

我有这个表例如：

<table>
  <tr>
    <th>one</th>
    <th>two</th>
    <th>three</th>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
  <tr>
    <td>this</td>
    <td>right</td>
  </tr>
</table>

我正试图将“这个”和“正确”的细胞移到另一侧。我正在寻找一种尽量少用css的方法..仅限首选HTML。

更新：我没有寻找有关text / value align的答案。 colspan以某种方式解决了它，但仍然不会称之为完美的解决方案。

Answer 1

td应使用属性colspan="2"跨越两列，并将文本对齐：

＆＃13;

.alignRight {
  text-align: right;
}

＆＃13;

<table>
  <tr>
    <th>one</th>
    <th>two</th>
    <th>three</th>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
  <tr>
    <td>this</td>
    <td colspan="2" class="alignRight">right</td>
  </tr>
</table>

＆＃13;

另一个，仅限html，选项是在＆＃34; this＆＃34;上使用colspan="2"。细胞：

＆＃13;

<table>
  <tr>
    <th>one</th>
    <th>two</th>
    <th>three</th>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
  <tr>
    <td colspan="2">this</td>
    <td>right</td>
  </tr>
</table>

＆＃13;

Answer 2

您只能添加align="right"属性

<table>
  <tr>
    <th>one</th>
    <th>two</th>
    <th>three</th>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
  <tr>
    <td>this</td>
    <td colspan="2" align="right">right</td>
  </tr>
</table>

Answer 3

或者只是在<td>this</td>

之前插入一个空单元格

＆＃13;

<table>
  <tr>
    <th>one</th>
    <th>two</th>
    <th>three</th>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
    <td>three</td>
  </tr>
  <tr>
    <td></td>
    <td>this</td>
    <td>right</td>
  </tr>
</table>

＆＃13;

Answer 4

我正在寻找一种尽量少用css的方式..仅限首选HTML。

您可以使用align尝试td colspan属性。

＆＃13;

<table>
<tr>
  <th>one</th>
  <th>two</th>
  <th>three</th>
</tr>
<tr>
  <td>one</td>
  <td>two</td>
  <td>three</td>
</tr>
<tr>
  <td>this</td>
  <td colspan="2" align="right">right</td>
</tr>
</table>

＆＃13;

Answer 5

<tr> <td colspan="2">this</td> <td align="right">right</td> </tr>

可以在两种细胞中使用colspan。这会将单元格合并为2。

表格单元格在行内对齐

5 个答案: