text-overflow 文本溢出
基础用法
text-overflow 属性规定当文本溢出包含元素时发生的事情。
text-overflow: clip | ellipsis | string
|
值 |
描述 |
|
clip |
修剪文本。 |
|
ellipsis |
显示省略符号来代表被修剪的文本。 |
|
string |
使用给定的字符串来代表被修剪的文本。 |
小程序应用
Wxml代码
<view class='cls'>
当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家
</view>
Wxss代码
.cls{
width:19em;
overflow:
hidden;
white-space:
nowrap;
text-overflow: ellipsis;
}
效果下图

微信小程序交流群:111733917
欢迎大家收看我的:微信小程序样式入门到精通(wxss,css)视频课程
https://ke.qq.com/course/368613?tuin=2b10d56
