微信小程序开发——单行文本溢出显示省略号

/*多行文本溢出省略号显示*/
.text-deal{overflow : hidden;/*溢出部分隐藏*/text-overflow: ellipsis;/*text-overflow属性规定了当文本溢出包含元素时所发生的事情，溢出部分用省略号显示*/display: -webkit-box; /*常见结合属性：display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/-webkit-line-clamp: 3;/* -webkit-line-clamp用来限制在一个块元素显示的文本的行数。需要组合display: -webkit-box;*/-webkit-box-orient: vertical;/*-webkit-box-orient设置或检索伸缩盒对象的子元素的排列方式。需要组合display: -webkit-box;*/word-break: break-all; /* 暴力强制换行，不管行末的单词是否显示完整，只要是非中日韩字符，就强制换行； */
}
/*-webkit-line-clamp为3，代表三行后超出隐藏加省略，常用为1。*/
/*注意：-webkit-line-clamp是webkit的私有属性，是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中*/

/*单行文本溢出省略号显示*/overflow:hidden; /*溢出部分隐藏*/text-overflow:ellipsis; /*text-overflow属性规定了当文本溢出包含元素时所发生的事情，溢出部分用省略号显示*/white-space:nowrap; /*不会自动换行，除非手动添加换行标签*/

微信小程序开发——单行文本溢出显示省略号相关推荐

web前端培训：CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
单行文本溢出显示省略号，单行文本溢出显示省略号
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
【用CSS让单行文本溢出显示省略号】
如何用CSS让单行文本溢出显示省略号 <style> p { 1.设置宽高 width:160px; height:20px; font:size:16px; background-col ...
微信小程序开发笔记—天气获取显示
文章目录一.实现效果二.天气查询API 三.微信小程序设计思路 1.页面跳转 2.获取天气信息 3.信息显示四.程序实现 1.页面跳转功能 2.获取天气信息 2.1.变量声明 2.2.获取所在地 ...
微信小程序开发之全屏显示
在开发微信小程序的时候,我们会遇到各种坑,但是,这个东东是中国人做的,so...会有很多解决方案来填坑,今天就来填个小程序开发组件全屏的坑. 问题我的小程序只有一个地图,如下代码,但他不是全屏的, ...
微信小程序开发 image mode属性显示图片对应的格式详解
image 图片.支持 JPG.PNG.SVG.WEBP.GIF 等格式属性类型默认值必填说明最低版本 src string 否图片资源地址 1.0.0 mode string scal ...
微信小程序开发——base64位图片显示问题
前言: 目前小程序项目需要后端借口提供验证码图片,后端是以base64位返回的,按照H5的做法,前边拼上 data:image/png;base64, 应该就可以了,关键代码如下: H5: <i ...
微信小程序多行文本超出显示省略号
第一个是单行文本 width: 500rpx; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; text-overflow:el ...
css之-单行文本溢出显示省略号，多行文本溢出显示省略号
单行显示省略号 white-spacing:nowrap; overflow:hidden; text-overflow:ellipsis; 规定某行显示省略号 -webkit-line-climp: ...
微信小程序开发工具模拟器不显示鼠标问题【推荐两方案】
解决方案1: 根据官方留言的设置方法是:控制面板-----鼠标-----指针选项------勾选显示指针轨迹(短).如下图所示: 这个方案的缺点是,鼠标带轨迹体验不好. 解决方案2: 打开英特尔显卡控 ...

微信小程序开发——单行文本溢出显示省略号

微信小程序开发——单行文本溢出显示省略号相关推荐

最新文章

热门文章