 |
位置：电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > 微信小程序设计教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：微信小程序设计教程 > 长词换行word-wrap | |||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||
| 上一篇： 自动换行（word-break） | 下一篇： 单词间隔（word-spacing） | ||||||
|
word-wrap属性允许长单词或 URL 地址换行到下一行。属性值说明如下：
根据基础的语法，下面在微信小程序中实现文本中的长单词换行。 .wxml文件代码示例如下： <view> This is a veryveryveryve long paragraph. </view> <view> This is a veryveryveryve long paragraph. </view> <view> This is a veryveryveryve long paragraph. </view> .wxss文件代码示例如下： view{
width: 150px;
border: 1rpx solid gainsboro;
margin: 5px;
}
.cls1{
word-break: break-all;/*允许在单词内换行。*/
}
.cls2{
word-wrap: break-word;/*在长单词或 URL 地址内部进行换行。*/
}效果如图3-13所示。
|
|||||||
| 上一篇： 自动换行（word-break） | 下一篇： 单词间隔（word-spacing） | ||||||
