表格单元格在行内右对齐

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>

我尝试将“this”和“right”单元格移到相反的一侧。 我希望能通过少量使用CSS的方式来实现，最好只用HTML。

更新：我不是在寻找有关文本/值对齐的答案。colspan 会在某种程度上解决它，但仍然不是完美的解决方案。

- Hakerovsky

---

可能是使用CSS右对齐表格单元格的重复问题。 - Ganesh Yadav

你能给我们展示一下你想要实现的内容吗？ - Carl Binalla

Answer 1

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

.alignRight {
  text-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" class="alignRight">right</td>
  </tr>
</table>

另一个只使用html的选项是在“此”单元格上使用colspan="2"：

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

- Ori Drori

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>

- ankita patel

Answer 3

或者在<td>this</td>之前插入一个空单元格。

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

- Gerard

Answer 4

我正在寻找一种尽可能少使用CSS的方法.. 最好只用HTML。

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

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

- Jyothi Babu Araja

Answer 5

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

colspan 可用于两个单元格。这将把单元格合并为 2 个。

- Rinku Makwana