CSS 文本超出隐藏,并显示省略号
可以使用overflow:hidden;来把超出的部分隐藏,
使用text-overflow:ellipsis;当文本对象溢出是显示为省略号。
以下是可直接使用的代码:
1.超出一行,隐藏文本并显示省略号
//超出一行省略号
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
2.超出两行甚至多行,隐藏文本并显示省略号
//超出两行省略号text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
CSS 文本超出隐藏,并显示省略号相关推荐
- 文本超出隐藏并显示省略号
文本超出隐藏并显示省略号 单行 overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行 overflow: hidden;te ...
- CSS文本溢出隐藏,显示省略号
仅供自己记录,老用还不记得,哈哈哈笨死了!!! 单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hi ...
- css文本超出隐藏 显示三个点
文本超出显示三个点一般分两种情况 一,单行文本超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 二,多行文本超出隐藏 ...
- css 文本超出2行显示点点点
.product-name {// height: 45px;// word-break: break-all;// text-overflow: ellipsis; // text-overflow ...
- uni-app中,文字超出隐藏并显示省略号(实现展开、收起全文)
一.uni-app中,固定宽高,文字超出部分,隐藏并显示省略号. .topic_cont_text{padding: 30upx;colof: #999;background: #E1FFFF;max ...
- CSS 文本超出隐藏
单行文本超出隐藏 div{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } 注:布局中存在flex布局,会出现不起作用.解 ...
- css设置超出几行显示省略号(单行、多行),兼容数字英文不换行问题,兼容中文字符隔空换行问题
1.单行文本超长显示省略号 /* css */ p{overflow: hidden;/*超出部分隐藏*/text-overflow:ellipsis;/* 超出部分显示省略号 */white-spa ...
- CSS 文字超出长度的显示省略号的方法总结
text-overflow text-overflow 语法: text-overflow : clip | ellipsis 取值: clip: 不显示省略标记(...),而是简单的裁切. elli ...
- 文本超出多行显示省略号 移动端禁止双击缩放
文本超出两行显示省略号 移动端禁止双击缩放 单行显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap 多行省略 displ ...
最新文章
- linux系统ip策略筛选器,在Linux下基于路由策略的IP地址控制
- 学生用计算机2ndf,手机计算器2ndf键在哪 等同于INV键
- 经典C语言程序100例之八一
- 关于V$OPEN_CURSOR
- 空间插值方法对比整理
- 支付宝集五福活动参与人数超4.5亿 你分到了多少?
- 从学校到现在的一个总结
- 计算机教学训练的有效性,充分利用现代教育技术 提高课堂教学有效性
- ARMLINUX学习笔记(1)
- android 滚动条 相关属性
- 程序员斗图时最爱用哪些表情包?拿走不谢!
- 凸优化第七章统计估计 作业题
- Atitit 2017年第68界机器视觉图像处理学术大会会议记要attilax总结自建学院自颁学位理论
- MySQL数据库Binlog解析工具--binlog2sql
- matlab改变直方图数量级,histogram equalization-MATLAB
- 有道云笔记Android app离线缓存,有道云笔记文件保存在哪里在哪个路径下
- 什么是features(特征)
- JAVA 数字图像处理----非白即黑的灰,2B青年的自画像
- Codevs 2382 挂缀
- 歪解stateful session bean 和 stateless session bean的区别。
热门文章
- git clone出现 fatal: unable to access ‘https://github.com/...‘的两种解决方法
- 证券基础-------------------------债券
- 腾讯慧眼高可用架构设计
- openssl安装教程(windows7系统,超详细)
- Backtrader官方中文文档:第十三章Observers观察者
- 数据类型(Data Type)
- 基于深度卷积神经网络的ImageNet分类
- IC front-end design engineer
- Sentinel限流及其滑动窗口算法
- c语言中ascii码72表示,ASCII码对照表