- 小程序CSS入门
小程序样式课程-第10课-文本-text-overflow 文本溢出
时间：2019/1/2 15:05:26 作者：互联网 来源：网络转载 查看：25918 评论：0内容摘要：基础用法text-overflow 属性规定当文本溢出包含元素时发生的事情。text-overflow: clip | ellipsis | string值描述clip修剪文本。ellipsis显示省略符号来代表被修剪的文本。string使用给定的字符串来代表被修剪的文本。小程序...基础用法
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;
}
效果下图
欢迎大家支持我的视频课程：微信小程序样式开发入门
- 相关评论
- 本类推荐
- 本类排行
-
1-2小程序样式课程-第21课-字体-font-weight字体加粗
-
1-2小程序样式课程-第7课-文本-text-align水平对齐
-
1-2小程序样式课程-第18课-字体-font-size字体大小
-
1-2小程序样式课程-第11课-文本-text-shadow文本阴影
-
1-2小程序样式课程-第22课-outline轮廓
-
1-2小程序样式课程-第8课-文本-text-indent缩进文本
-
1-2小程序样式课程-第16课-文本-letter-spacing字母间隔
-
1-2小程序样式课程-第10课-文本-text-overflow 文本溢出
-
1-2小程序样式课程-第23课-框模型概述
-
1-2小程序样式课程-第19课-字体-font-style字体风格
-