右对齐表格?

发布于 2024-12-10 09:50:26 字数 492 浏览 0 评论 0原文

此代码:

<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

不改变<的顺序th>

This code:

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

http://jsfiddle.net/ca86D/
Generates:

a | b | c | d

How can I make it generate :

d | c | b | a

?

Without changing the order of the < th >

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

む无字情书 2024-12-17 09:50:26

您可以向表添加 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,但没有成功)

You can add dir="rtl" attribute to table:

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

Demo: http://jsfiddle.net/74XHk/1/

(tried to add it to tr, that didn't work)

橪书 2024-12-17 09:50:26

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

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

add in your css th {float:right}. This will reverse the sequence, because will start with first th which contains d and will float it at right, then the second and so on.

Demo: http://jsfiddle.net/ca86D/2/

糖粟与秋泊 2024-12-17 09:50:26

当然只是

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

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

Surely just

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

Hope I didn't misunderstand your question.

黑白记忆 2024-12-17 09:50:26
<table border="1">
    <tr>
        <th>d</th>
        <th>c</th>
        <th>b</th>
        <th>a</th>
    </tr>
</table>
<table border="1">
    <tr>
        <th>d</th>
        <th>c</th>
        <th>b</th>
        <th>a</th>
    </tr>
</table>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文