WEB-CSS实现单行(多行)文本溢出显示省略号
2024-09-30 20:52:20
//单行文本溢出部分隐藏显示省略号...
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; /**
n 行文本溢出部分隐藏显示省略号..
使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;
(WebKit: 是一个开源的浏览器引擎) http://blog.csdn.net/cutesource/article/details/8731841/
-webkit-line-clamp:限制在一个块元素显示的文本的行数
(box-orient:指定一个box子元素是否应按水平或垂直排列)http://www.runoob.com/cssref/css3-pr-box-orient.html
**/
width:100%
height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
最新文章
- MAC使用CocoaPods
- Centos目录结构详细版
- 第二篇T语言代码编写技巧
- [分享]WPF 虚拟键盘
- C++类的常成员函数
- Vue 进阶之路(八)
- mybatis(2)--配置mybatis实现连接数据库查询
- XmlDocument根据节点的属性值获取节点
- MySQL数据类型--与MySQL零距离接触2-11MySQL自动编号
- java面试题:分布式
- Codeforces.838D.Airplane Arrangements(思路)
- MikroTik RouterOS x86最大内存只能支持2G
- Java设计模式(16)中介模式(Mediator模式)
- div 自动全屏高度
- Codeforces Round #222 (Div. 1) D. Developing Game 扫描线
- Spring多开发环境配置
- MC资源整理
- AL2018届校招笔试——自然语言处理
- [java]final关键字、finally关键字与finalize()方法
- Diagnostics->;Examine功能不能使用