direction 属性规定文本的方向 / 书写方向。
该属性指定了块的基本书写方向,以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。
实例:
<style type="text/css">
li{
display:inline-block;
list-style-type:none;
}
ul{
direction:rtl;
}
</style>
<body>
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
</body>
此时显示结果为:
third second first
如果把原css改成
<style type="text/css">
li{
display:inline;
list-style-type:none;
}
ul{
direction:rtl;
}
</style>
此时显示结果为:
first second third
inline与inline-block区别
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
inline-block | 行内块元素。(CSS2.1 新增的值) |