cssdirection属性与writing-mode属性的区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了cssdirection属性与writing-mode属性的区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1530字，纯文字阅读大概需要3分钟。

内容图文

在writing-mode中参数有 lr-tb(左右-上下) tb-rl(上下-右左)，在西方国家的书写方式通常是左右-上下，但是在亚洲国家，譬如中国的古诗从右到左，writing-mode属性就体现出来啦！

示例：

<div class="mode">  
  <h3>登鹳雀楼</h3>  
<p>白日依山尽,<br>黄河入海流.<br>欲穷千里目,<br>更上一层楼。</p>  
</div>

.mode{  
            writing-mode: tb-rl;      
        }  
        p{  
            font-size: 24px;  
        }

展现的效果：

direction的参数ltr（左到右）和rtl（右到左）。

通过direction实现控制文本的书写方向是从左到右还是从右到左。

首先，layout-flow:也是控制对象文本内容的流向（但是这个属性可以被writing-mode属性替换）

在css中writing-mode和direction都是用来设置文本的展现方式的，两者有些共同点又有本质的区别。下面先介绍一下两者的用法：

writing-mode

语法：

writing-mode : lr-tb | tb-rl

参数：
lr-tb : 左-右，上-下
tb-rl : 上-下，右-左

说明：
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右，上-下的书写方式。但是亚洲语言常有上-下，右-左的书写方式。
当此属性值发生变化时，text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。

direction

语法：

direction: ltr | rtl

参数：

ltr : 左-右
rtl : 右-左

说明：

direction属性设置了文本的书写方向是从左向右还是从右向做。

通过上面的对比我们可以得出结论，如果仅仅是为了文字的展现方式如从左向右还是从右向左，我们往往使用direction,而为了应对不同的文字的书写习惯，特别是文字从上而写竖排书写时，如我国古代文字的书写方式，我们需要使用writing-mode。

以上就是css direction属性与writing-mode属性的区别的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的cssdirection属性与writing-mode属性的区别全部内容，希望文章能够帮你解决cssdirection属性与writing-mode属性的区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端