direction和unicode-bidi

css中unicode-bidi和direction属性决定了HTML或XML文字渲染方向,两个属性结合使用可以改变文字书写顺序。
direction属性有三个值：

ltr : 　默认值，文本流从左到右
rtl : 　文本流从右到左
inherit : 　继承父元素的设置

例如设置右对齐：<div style="direction:rtl;">this is a test!</div>
还可以：<div dir="rtl">this is a test!</div>
效果如图：
代码示例请戳：direction.html
unicode-bidi属性也有三个值：

normal原来是什么方向就使用什么方向
embed作用于inline元素,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override严格按照direction属性的值重排序。忽略隐式双向运算规则

例如：

<div style="direction:rtl;">this is a test</div>
<div style="direction:rtl;unicode-bidi:bidi-override;">this is a test</div>
<div style="direction:rtl;unicode-bidi:bidi-override;">this<span style="unicode-bidi:embed;">is a test</span>
</div>

第一行就是简单的右对齐,其实这是direction的默认效果,文字不会倒着写

第二行两个属性结合使用,不但右对齐而且真的是从右到左书写了,这才是正经的阿拉伯语写法

第三行的效果奇妙之处在于在第二行的基础上加了样式unicode-bidi:embed;不会倒着写了,按着正常的书写顺序在写
效果如图：
代码示例请戳：unicode-bidi.html

direction和unicode-bidi相关推荐

UTF-8 and Unicode FAQ
UTF-8 and Unicode FAQ by Markus Kuhn 中国LINUX论坛翻译小组 xLoneStar[译] 2000年2月这篇文章说明了在 POSIX 系统 (Linux,Uni ...
UTF-8 and Unicode FAQ for Unix/Linu
作者 Markus Kuhn 原文地址:http: //www.cl.cam.ac.uk/~mgk25/unicode.html 译者:Love.Katherine ,2007-8-30 译文地址:h ...
UTF-8 and Unicode FAQ for Unix/Linux
作者 Markus Kuhn 原文地址:http: //www.cl.cam.ac.uk/~mgk25/unicode.html 译者:Love.Katherine ,2007-8-30 译文地址:h ...
转 ASCII, DBCS,UNICODE小结
引言毫无疑问,我们都看到过像 TCHAR, std::string, BSTR 等各种各样的字符串类型,还有那些以 _tcs 开头的奇怪的宏.你也许正在盯着显示器发愁.本指引将总结引进各种字符类型的 ...
ASCII, DBCS,Unicode小结
引言毫无疑问,我们都看到过像 TCHAR, std::string, BSTR 等各种各样的字符串类型,还有那些以 _tcs 开头的奇怪的宏.你也许正在盯着显示器发愁.本指引将总结引进各种字符类型的 ...
ASCII, DBCS, Unicode【上】
引言毫无疑问,我们都看到过像 TCHAR, std::string, BSTR 等各种各样的字符串类型,还有那些以 _tcs 开头的奇怪的宏.你也许正在盯着显示器发愁.本指引将总结引进各种字符类型的 ...
iOS 文字样式处理总结（字体、前背景色、斜体、加粗、对齐、行间距、段间距、动态获取字符串label宽高等）...
在iOS开发中,常常会有一段文字显示不同的颜色和字体,或者给某几个文字加删除线或下划线的需求.NSMuttableAttstring(带属性的字符串),可以灵活实现以上功能. NSMutablePar ...
EBS 打印机设置——PASTA
按照Oracle的说法,PASTA解决的是通过CM直接打印到打印机的问题.换句话说如果不想通过CM直接打印到打印机,可以不使用PASTA:这个和PS中文输出没有关系. 确实如此,从执行过程看,我觉得完 ...
go get国内解决办法汇总
原文链接:https://studygolang.com/articles/20364 go作为Google大佬的亲儿子,go开发过程中除了SDK自带的包外还经常会需要用到大佬提供的其他包,这些包都在 ...
go get无法安装golang.org/x/的解决方法
写在前面的话因为golang.org/x/服务器在境外,所以正常情况下go get是不能安装的,需要科学上网才可! 下面是博主提供的文件,可以先搜索你需要的文件是否存在,存在你再下载!(因为字数限制 ...

direction和unicode-bidi

direction和unicode-bidi相关推荐

最新文章

热门文章