在css中writing-mode和direction都是用来控制文本的展示方向的,但是他们两者又存在区别。
在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实现控制文本的书写方向是从左到右还是从右到左。