文本方向
对于英文或中文等语言, 默认是从左到右从上到下进行阅读然而, 并非所有语言都是如此, 还有许多从右向左阅读的语言, 如阿拉伯语和希伯来语等
于是, CSS2.1 引入了 direction 属性, 用来定义文本流的书写方向, 可选值有 ltr | rtl, 默认值为 ltrltr(left-to-right) 表示文本流从左到右书写, rtl(right-to-left) 表示文本流从右到左书写
direction 属性影响块级元素中文本的书写方向, 但不会影响拉丁文的字母数字字符, 它总是从左到右书写, 但会影响拉丁文的标点符号对于行内元素, 只有当 Unicode-bidi 属性设置为 embed 或 bidi-override 时才有效不支持双向文本的浏览器可以忽略这个属性
这里定义两个类, 一个类的 direction 属性设置为 ltr, 一个类的 direction 属性设置为 rtlCSS 代码如下:
- .ltr {
- direction: ltr;
- }
- .rtl {
- direction: rtl;
- }
然后, 把这两个类应用到两个段落, 让第一个段落中的文本从左到右书写, 让第二个段落中的文本从右到左书写 html 代码如下:
- <p class="ltr">left-to-right direction.</p>
- <p class="rtl">right-to-left direction.</p>
上述代码的运行结果如图 3-23 所示:
图 3-23 direction 属性效果
来源: https://www.2cto.com/kf/201802/721479.html