 |
位置：电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：微信小程序设计教程 > 单词间隔（word-spacing） | |||||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||||
| 上一篇： 长词换行word-wrap | 下一篇： 字母间隔（letter-spacing） | ||||||||
1.基础语法word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的，也就是我们设置word-spacing：normal 和word-spacing：0效果是一样的。word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近，代码示例如下： p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
<p>
This is a paragraph. The spaces between words will be increased.
</p>
<p>
This is a paragraph. The spaces between words will be decreased.
</p>属性值说明如下：
2.小程序应用实根据基础的语法，下面在微信小程序中实现定义单词的间隔（中文无效）。 .wxml文件代码示例如下： <view> This is some text。 这里是一些文本。 </view> <view> This is some text。 这里是一些文本。 </view> <view> This is some text。 这里是一些文本。 </view> .wxss文件代码示例如下： .da{
word-spacing: 10px;/*增加字（单词）之间*/
}
.xiao{
word-spacing: -0.5em;/*减少字（单词）之间*/
}效果如图3-14所示。
|
|||||||||
| 上一篇： 长词换行word-wrap | 下一篇： 字母间隔（letter-spacing） | ||||||||
