右对齐表?

时间:2011-10-15 19:22:17

标签: html css html5 css3 html-table

此代码:

<table border="1">
    <tr>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
    </tr>
</table>

http://jsfiddle.net/ca86D/ 生成:

a | b | c | d

如何让它生成:

d | c | b | a

不改变&lt;的顺序th>

4 个答案:

答案 0 :(得分:4)

添加你的css th {float:right}。这将颠倒序列,因为它将从包含th的第一个d开始,并将其向右浮动,然后是第二个,依此类推。

演示: http://jsfiddle.net/ca86D/2/

答案 1 :(得分:4)

您可以向表格添加dir="rtl"属性:

<table border="1" dir="rtl">
    <tr>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
    </tr>
</table>

演示:http://jsfiddle.net/74XHk/1/

(尝试将其添加到tr,但这不起作用)

答案 2 :(得分:0)

当然只是

<table border="1">
     <tr>         
         <th>d</th>
         <th>c</th>
         <th>b</th>
         <th>a</th>
     </tr>
</table> 

希望我没有误解你的问题。

答案 3 :(得分:0)

<table border="1">
    <tr>
        <th>d</th>
        <th>c</th>
        <th>b</th>
        <th>a</th>
    </tr>
</table>