当前阅读教程:微信小程序设计教程 > 文本方向(direction) | |||||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||||
上一篇: 字母间隔(letter-spacing) | 下一篇: 字体 | ||||||||
1.基础语法如果你阅读的是英文书籍,就会从左到右、从上到下地阅读,这就是英文的流方向。不过,并不是所有语言都如此。我们知道古汉语就是从右到左来阅读的,当然还包括希伯来语和阿拉伯语等。CSS2 引入了一个direction属性来描述文字方向性。 direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。 注意:对于行内元素,只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。 属性值说明如下:
2.小程序应用根据基础的语法,下面在微信小程序中实现文本方向的效果。 .wxml文件代码示例 如下: <view> Some text. Left-to-right direction.一些文本-从左到右 </view> <view> Some text. Right-to-left direction.一些文本-从右到左 </view> .wxss文件代码示例 如下: .myrtl{ direction: rtl; /*从右到左*/ } 效果如图3-16所示。 |
|||||||||
上一篇: 字母间隔(letter-spacing) | 下一篇: 字体 |