来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] CSS direction 属性用于控制页面文档的文字排版方向。通过该属性可以将文字的排版方向设置为从左向右排版(LTR),或从右向左排版(RTL)。...
CSS direction 属性用于控制页面文档的文字排版方向。通过该属性可以将文字的排版方向设置为从左向右排版(LTR),或从右向左排版(RTL)。 某些语言(如阿拉伯文,波斯文和希伯来语等)的文字书写格式是从右向左排版的,而大部分语言的书写格式是从左向右书写(如中文,英文,法文等)。在某些场合中,同一个文档中可能需要混合使用从右到左(RTL)和从左到右(LTR)的文字排版。如果你在同一个段落中同时使用中文和阿拉伯文,那么就会出现双向文本( bi-directional text)的情况。此时,浏览器会使用指定的来决定双向文本的显示方向。 CSS
HTML文档中的文本方向可以通过 如果你将原来是从左到右排版的文字修改为从右到左排版,这段文字的标点符号会显示在相反的位置上,例如下面的两段文字:第一段使用默认的LTR排版,第二段使用RTL排版。 这是一段用于测试的文字! 这是一段用于测试的文字!
如果你想改变一个内联元素的文本方向,可以在CSS代码中结合使用 <p>这是一段从左向右排版的文字。<span class="right-to-left">这是一段从右到左排版的文字</span>,它们混排在一起。</p> .right-to-left{ direction: rtl; /* 下面的代码用于在内联元素上设置文本方向 */ unicode-bidi: embed; /* 或者 bidi-override */ } 如果使用 <p>这是一段从左向右排版的文字。<bdo dir="rtl">这是一段从右到左排版的文字</bdo>,它们混排在一起。</p> 官方语法direction: ltr | rtl | inherit 参数:
应用范围
示例代码direction: ltr; direction: rtl; direction: inherit; 下面的代码将 blockquote { direction: rtl; } 在线演示下面的例子演示一段从右向左排版的效果,注意标点符号的位置: 正常的LTR排版: CSS-层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言!!CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。 从右到左的RTL排版: CSS-层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言!!CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。
浏览器支持所有的现代浏览器都支持CSS |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com