bdi 指的是 bidi 隔离。
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
即使让my home 和外部的60 进行 从右向左的位置显示,即显示:
60 my home
ltr : 从左向右,所以输出:
my home 60
<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
在发布用户评论或其他您无法完全控制的内容时,该标签很有用。
看了网上的一些答案如下:
其实就是bdi里面的文字和外面后面的文字位置进行按照 bdi中dir的方向进行设置。
比如:
- User <bdi dir="rtl">my home </bdi> 60
即使让my home 和外部的60 进行 从右向左的位置显示,即显示:
60 my home
- User <bdi dir="ltr">my home </bdi> 60
ltr : 从左向右,所以输出:
my home 60
已在chrome中试验无效。感觉bdi设计的本意已经说得很清楚了:<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。但是官方目前只对firefox chrome支持。然而支持也不是很好。至少我没有看出来不适用这个标签和使用有什么区别。
如果你想改变文字的方向
<bdo>是个不错的选择。
<bdo dir="rtl">Here is some text</bdo>
//显示结果是txet emos si ereH 然而神奇的是!你复制它则会是正序!
可选的属性
属性 | 值 | 描述 |
---|---|---|
dir |
| 定义文字的方向 |