html中感觉无用的控制文字方向的

bdi 指的是 bidi 隔离。

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

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

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

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

比如: 

Html代码  
  1. User <bdi dir="rtl">my home bdi> 60  

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


Html代码  
  1. User <bdi dir="ltr">my home bdi> 60  


ltr : 从左向右,所以输出: 

my home 60 

已在chrome中试验无效。感觉bdi设计的本意已经说得很清楚了: 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。但是官方目前只对firefox chrome支持。然而支持也不是很好。至少我没有看出来不适用这个标签和使用有什么区别。

如果你想改变文字的方向

是个不错的选择。

Here is some text
//显示结果是txet emos si ereH 然而神奇的是!你复制它则会是正序!

可选的属性

属性 描述
dir
  • ltr
  • rtl
定义文字的方向

你可能感兴趣的:(html)