您的位置:首页 > Web前端 > HTML

html中感觉无用的<bdi>控制文字方向的<bdo>

2018-01-08 22:26 239 查看
bdi 指的是 bidi 隔离。

<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。

在发布用户评论或其他您无法完全控制的内容时,该标签很有用。

看了网上的一些答案如下:

其实就是bdi里面的文字和外面后面的文字位置进行按照 bdi中dir的方向进行设置。 

比如: 


Html代码  


User <bdi dir="rtl">my home </bdi> 60  

即使让my home 和外部的60 进行 从右向左的位置显示,即显示: 
60 my home 

Html代码  


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 然而神奇的是!你复制它则会是正序!


可选的属性

属性描述
dirltr
rtl
定义文字的方向
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html