小程序CSS入门

小程序样式课程-第10课-文本-text-overflow 文本溢出

时间:2019/1/2 15:05:26  作者:互联网  来源:网络转载  查看:25909  评论: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;

}

效果下图

  小程序样式课程-第10课-文本-text-overflow_文本溢出

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


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