demo15
direction-ltr(table)
左上 |
中上 |
右上 |
左中 |
中 |
右中 |
左下 |
中下 |
右下 |
direction-rtl(table)
左上 |
中上 |
右上 |
左中 |
中 |
右中 |
左下 |
中下 |
右下 |
direction-rtl(tr)
左上 |
中上 |
右上 |
last |
左中 |
中 |
右中 |
last |
左下 |
中下 |
右下 |
last |
得出结论:
- tr上使用direction: rtl;属性,单元格(只是边框,内容不变)并不会左右调换,而是边框向后推了(最后一个边框使用了渲染成第二个边框,倒数第二个边框渲染成倒数第三个边框,依此列推)
- table上使用direction: rtl;属性,会使单元格左右调换,并且发生冲突的单元格相对较右侧单元格的样式