多行文本溢出显示省略号
2016-02-18 16:13
246 查看
-webkit-line-clamp用来限制在一个块元素显示的文本的行数,注意:这是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。。
为了实现该效果,它需要组合其他的WebKit属性。
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
这个属性比较合适WebKit浏览器或移动端(绝大部分是WebKit内核的)浏览器。
跨浏览器兼容的方案
比较靠谱简单的做法就是设置相对定位的容器高度,用包含省略号(…)的元素模拟实现;相关文章推荐
- hdu 1020
- sql server添加数据库管理员
- Retrieving a Key by a Value--by Tim O'Brien 整理by博主
- Event事件机制
- 统计UTF-8编码方式字符串中的符号个数
- 以一个投票程序的实例来讲解Python的Django框架使用
- 我与小娜(15):回忆基础研究的美好时光
- 更改Edittext光标的颜色与粗细
- Windows环境下为Hadoop搭建Cygwin环境
- .Net下RabbitMQ的使用(2) -- 发送接收消息
- mysql数据库
- 使用RAML描述API文档信息的一些用法整理
- 找出一定范围内的素数(质数)
- android重复的文件复制APK META-INF许可证错误记录
- 利用GridView实现功能界面
- 安装rac的7个注意
- 一、svn 基本原理介绍
- JS格式化/压缩JSON数据
- java基于P2P的聊天和文件传输实例
- iOS-定时器