微信小程序界面设计入门课程-样式wxss中使用css课程-文本-direction 文本方向

淡淡的烟草味﹌ 2024-02-19 15:55 45阅读 0赞

### 样式wxss中使用css课程-文本-direction 文本方向 ###

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]

基础语法  
如果您阅读的是英文书籍，就会从左到右、从上到下地阅读，这就是英文的流方向。不过，并不是所有语言都如此。我们知道古汉语就是从右到左来阅读的，当然还包括希伯来语和阿拉伯语等等。CSS2 引入了一个属性来描述其方向性。  
direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。  
对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。

可能的值  
值 描述  
ltr 默认。文本方向从左到右。  
rtl 文本方向从右到左。  
inherit 规定应该从父元素继承 direction 属性的值。

### 小程序应用 ###

> Wxml代码

<view>
    Some text. Left-to-right direction.一些文本-从左到右
    </view>
    
    <view class='myrtl'>
    Some text. Right-to-left direction.一些文本-从右到左
    </view>

> Wxss代码

.myrtl{
     direction: rtl; /*从右到左*/
    }

效果如下图  
![微信小程序界面设计入门课程-样式wxss中使用css课程-文本-direction 文本方向][-_wxss_css_-_-direction]

[欢迎大家收看我的视频教程：微信小程序样式入门到精通(wxss,css)（微信小程序界面设计必备技能）][wxss_css]  
![微信小程序界面设计入门课程-样式wxss中使用css课程-文本-direction 文本方向][-_wxss_css_-_-direction 1]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[-_wxss_css_-_-direction]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/cf425bacd88b4601aee00a202af4f9c1.png
[wxss_css]: https://ke.qq.com/course/368613?tuin=2b10d56
[-_wxss_css_-_-direction 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/6a7f66a7c7264114bda686017cd5f6ab.png