CSS改变文本书写方向

需求:

常见文本书写方向是自左向右,在特殊情况下,如何修改为自右向左的排版方式?

解决:

css2中为文本提供了一个描述其方向性的属性:direction;
dirction属性提供三个值:ltr(自左向右 默认)、rtl(自右向左)、inherit;
其中取rtl值使用时,需要配合使用unicode-bidi属性的bidi-override值(文本顺序严格按照direction的属性进行重排);

举个例子:

1
2
3
4
5
6
p{
unicode-bidi:bidi-override;
direction:rtl;
}
<p>这是一段按照自右向左书写习惯排版的文字。</p>