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>是个不错的选择。
<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 然而神奇的是!你复制它则会是正序!
可选的属性
属性 | 值 | 描述 |
---|---|---|
dir | ltr rtl | 定义文字的方向 |
相关文章推荐
- HTML 文本格式化-文字方向(<bdo>标签)
- HTML基础___文字与段落 <第二天>
- HTML中的<label>标签的使用方法,文字与输入框相关联。
- <html>关于文字围绕图片
- <html><br>清除<img>操控文字的小技巧
- 用html中的<base>来控制网页的基准页面
- <canvas>学习笔记——文字显示控制
- JSON之HTML的<Input>标签存放json-yellowcong
- HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思
- <html>
- <转>HTML中的table转为excel
- HTML 5的<canvas>元素教程和实例
- <!DOCTYPE html>
- <script type="text/html"></script> js模版使用
- html学习之在<body>标签外面写html代码
- <HeadFirst_HTML与CSS> O'REILLY_Chap.9_盒模型
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Html学习笔记 --- html中<ul>与<ol>区别
-  |"|&|<|>等html字符转义
- IE11下,<!doctype>声明加html不能加载css的问题