将表格单元格的内容而不是文本移动到右侧

时间:2016-10-18 10:51:39

标签: html-table

我有一系列嵌套表,下面我创建了一个jsfiddle结构。 我正在使用阿拉伯表示法,(direction: rtl)这显然是错误的。我找不到合适的css将内容移到右边。

我希望重新创建相同的结构。 不使用direction: rtl;因为这会使文本反转。边界只是为了更好地突出它。

感谢任何可以帮助我的人

https://jsfiddle.net/wo77wgL5/

<table width = "800px" border=3 class="centralTable">
<tr>
<th></th>
<th></th>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
</tr>
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Text 1</td>
<td>Text 2</td>
<td>Text 3</td>
<td>Text 4</td>
</tr>

<tr>
<td colspan=6 style= "direction:rtl;">
<table width = "500px" border=1 class="toTheRight">
<tr>
<th></th>
<th></th>
<th>header 11</th>
<th>header 22</th>
<th>header 33</th>
<th>header 44</th>
</tr>
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>Text 11</td>
<td>Text 22</td>
<td>Text 33</td>
<td>Text 44</td>
</tr>
</tbody>
</table>
</td>
</tr>

</tbody>
</table>

1 个答案:

答案 0 :(得分:1)

您可以使用<td align="right">

https://jsfiddle.net/msp5m4k9