语法如下:
unicode-bidi: normal | embed | bidi-override | isolate | isolate-override | plaintext;
常见的取值包括:
- normal:默认值,根据文字内容自动设置文字方向。
- embed:在块级元素内,根据元素的主方向设置文字方向。对于行内元素,文字方向由父元素的 direction 属性决定。
- bidi-override:强制重写元素内的文字方向,根据元素的 direction 属性来设置。
- isolate:创建一个新的嵌套环境,该环境内的文字方向独立于外部。
- isolate-override:与 isolate 类似,但可以强制覆盖内部块的文字方向。
- plaintext:强制使用左到右方向。
下面是一个简单的例子,演示了如何使用 unicode-bidi:
.arabic-text {
unicode-bidi: embed; /* 在块级元素内,根据元素的主方向设置文字方向 */
direction: rtl; /* 设置整体文字方向为从右到左(RTL) */
}
.latin-text {
unicode-bidi: embed; /* 在块级元素内,根据元素的主方向设置文字方向 */
direction: ltr; /* 设置整体文字方向为从左到右(LTR) */
}
在这个例子中,.arabic-text 类的元素内的文字方向会根据元素的主方向(设置为 RTL)而自动调整。同理,.latin-text 类的元素内的文字方向会根据元素的主方向(设置为 LTR)而自动调整。
转载请注明出处:http://www.zyzy.cn/article/detail/4269/CSS