右对齐表格?
此代码:
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
您可以向表添加
dir="rtl"
属性:演示:http://jsfiddle .net/74XHk/1/
(尝试将其添加到
tr
,但没有成功)You can add
dir="rtl"
attribute to table:Demo: http://jsfiddle.net/74XHk/1/
(tried to add it to
tr
, that didn't work)在你的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 firstth
which containsd
and will float it at right, then the second and so on.Demo: http://jsfiddle.net/ca86D/2/
当然只是
希望我没有误解你的问题。
Surely just
Hope I didn't misunderstand your question.