问题描述
鄙人近期在学习html5入门今天遇到一事,几思不得其解啊不得其解一下是w3cschool里html5的说明:我从做的代码练习中,发现bdi标签需要和dir属性配合使用才能生效,可是dir属性很多标签都有的啊,还是不得其解啊不得其解在此求各位大神帮鄙人解释一下 bdi 标签的具体用法,鄙人谢过各位大神了 问题补充:感谢这位大神的回答刚才做了一个测试<bdi dir="rtl">test</bdi> We hope that they succeed.User <bdi dir="rtl">my home </bdi> 60 <bdi dir="rtl">to</bdi> go!执行的结果是:test We hope that they succeed. User my home 60 to go!感觉语序完全无法控制了啊~还有执行<bdi dir="rtl">to</bdi> go!的结果是:to go!但执行<bdi dir="rtl">to</bdi> 60!的结果是:60 to!这个语序是跟bdi标签后是数字还是字符串有关联么?283433775 写道
解决方案
引用感谢这位大神的回答 刚才做了一个测试 <bdi dir="rtl">test</bdi> We hope that they succeed. User <bdi dir="rtl">my home </bdi> 60 <bdi dir="rtl">to</bdi> go! 执行的结果是:test We hope that they succeed. User my home 60 to go! 感觉语序完全无法控制了啊~还有 执行<bdi dir="rtl">to</bdi> go!的结果是:to go! 但执行<bdi dir="rtl">to</bdi> 60!的结果是:60 to! 这个语序是跟bdi标签后是数字还是字符串有关联么? 在html5上做了说明,目前没有一款主浏览器完全支持此标签,你可以看看w3cschool的英文版,是这样说的,所以在支持上面有欠缺,所以会乱。是因为还不完善。
解决方案二:
引用The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.其实就是bdi里面的文字和外面后面的文字位置进行按照 bdi中dir的方向进行设置。比如:User <bdi dir="rtl">my home </bdi> 60即使让my home 和外部的60 进行 从右向左的位置显示,即显示:60 my homeUser <bdi dir="ltr">my home </bdi> 60ltr : 从左向右,所以输出:my home 60