位置:电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) 推荐学习资源
小程序样式基础
框模型
定位
选择器
当前阅读教程:微信小程序设计教程 > 文本方向(direction)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 字母间隔(letter-spacing) 下一篇: 字体

1.基础语法

如果你阅读的是英文书籍,就会从左到右、从上到下地阅读,这就是英文的流方向。不过,并不是所有语言都如此。我们知道古汉语就是从右到左来阅读的,当然还包括希伯来语和阿拉伯语等。CSS2 引入了一个direction属性来描述文字方向性。

direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。

注意:对于行内元素,只有当 unicode-bidi 属性设置为 embed bidi-override 时才会应用 direction 属性。

属性值说明如下:

描述

ltr

默认。文本方向从左到右。

rtl

文本方向从右到左。

inherit

规定应该从父元素继承 direction 属性的值。

2.小程序应用

根据基础的语法,下面在微信小程序中实现文本方向的效果。

.wxml文件代码示例

小白教程网www.2d5.net

如下:

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

.wxss文件代码示例

小白教程网www.2d5.net

如下:

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

效果如图3-16所示

image.png


上一篇: 字母间隔(letter-spacing) 下一篇: 字体
毕业设计网             广告联系QQ:45157718(微信同号)