从右到左打印表格单元格

时间:2013-03-08 12:15:52

标签: html css html-table right-to-left

我创建了一个表,希望第一个单元格从右边开始,而不是从左边开始默认。 我尝试在CSS中更改float属性,但似乎没有帮助。 这是代码:

<table border="0" width="100%" cellspacing="0" align="center" class="result_table">
    <tr align="right">
    <th bgcolor="#cccccc" align="right">1</th>
    <th bgcolor="#cccccc" size="17">2</th>
    <th bgcolor="#cccccc">3</th>
    <th bgcolor="#cccccc">4</th>
    </tr>; 

</table>
table.result_table {
    float:right;
}

有人可以建议一种方法来改变这张桌子的浮动吗?

3 个答案:

答案 0 :(得分:14)

根据评论中的建议,您可以将方向性设置为从右向左(RTL)。但是,除非您的表格内容采用从右到左的语言,否则您还应该将表格内容元素中的方向性设置为从左到右。否则,它们继承RTL方向性,这将在许多情况下引起意外,因为方向性也设置整体文本方向性。这不会影响西方语言中的普通文本,但会影响例如像“4(5)”这样的内容,在RTL方向性上显示为“(5)4”。

因此,您应该设置

table.result_table {
  direction: rtl; }
table.result_table caption, table.result_table th, table.result_table td {
  direction: ltr; }

答案 1 :(得分:1)

有一种更简单的方法。您可以在表格中添加pip3 install --upgrade tensorflow-gpu

direction="rtl"

答案 2 :(得分:0)

我不确定这是否只能通过CSS实现。如果你使用jQuery是好的,这里有一个可以让你达到预期结果的开始想法:

CSS:

.result_table{float:left; width:100%; border-collapse:collapse; padding:0;}
.result_table th{float:right; padding:0;}

JS:

var cols = $('.result_table th').length;
var colWidth = 100 / cols;
$('.result_table th').css({width:colWidth+'%'})

示例 - jsFiddle