小程序CSS入门

小程序样式课程-第14课-文本-word-wrap

时间:2019/1/2 15:19:09  作者:互联网  来源:网络转载  查看:25837  评论:0
内容摘要:word-wrap基础用法word-wrap 属性允许长单词或 URL 地址换行到下一行。word-wrap: normal | break-word值描述normal只在允许的断字点换行(浏览器保持默认处理)。break-word在长单词或 URL 地址内部进行换行。小程序应用...

word-wrap

基础用法

word-wrap 属性允许长单词或 URL 地址换行到下一行。

word-wrap normal | break-word

描述

normal

只在允许的断字点换行(浏览器保持默认处理)。

break-word

在长单词或 URL 地址内部进行换行。

小程序应用

Wxml代码

<view>

This is a veryveryveryve long paragraph.

</view>

 

<view class='cls1'>

This is a veryveryveryve long paragraph.

</view>

 

<view class='cls2'>

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 地址内部进行换行。*/

}

效果如下图

  小程序样式课程-第14课-文本-word-wrap

欢迎大家支持我的视频课程:微信小程序样式开发入门 
小程序样式课程-第1课-样式基础-元素选择器


相关评论
评论者:      验证码:  点击获取验证码
咨询QQ/微信:45157718 点击这里给我发消息 | 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:杭州摇亿网络科技 | 浙ICP备06056032号-6 |