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

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

微信小程序交流群&＃xff1a;111733917 | 微信小程序从0基础到就业的课程&＃xff1a;https://edu.csdn.net/topic/huangjuhua

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

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

小程序应用

Wxml代码


Some text. Left-to-right direction.一些文本-从左到右

Some text. Right-to-left direction.一些文本-从右到左



Wxss代码

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


效果如下图

欢迎大家收看我的视频教程&＃xff1a;微信小程序样式入门到精通(wxss,css)&＃xff08;微信小程序界面设计必备技能&＃xff09;