[ css ]文本溢出显示省略号
来源:互联网 发布:java 解压war包 编辑:程序博客网 时间:2024/04/29 18:42
单行文本溢出显示省略号
1.方法一:
p{ overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
2.方法2:
span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
多行文本溢出显示省略号
p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //显示2行 -webkit-box-orient: vertical;}
- -webkit-line-clamp 用来限制在一个块元素显示的文本的行数。
- display: -webkit-box; 将对象作为弹性伸缩盒子模型显示 。
- -webkit-box-orient 设置或检索伸缩盒对象的子元素的排列方式 。
- text-overflow:ellipsis,设置多行文本的情况下,用省略号“…”隐藏超出范围的文本
阅读全文
0 0
- CSS文本溢出显示省略号
- css文本溢出显示省略号
- [ css ]文本溢出显示省略号
- CSS控制文本溢出显示省略号
- CSS文本溢出省略号
- 溢出文本显示省略号
- 溢出文本显示省略号
- 文本溢出显示省略号
- 文本溢出显示省略号
- 文本溢出显示省略号
- 【css】css文本换行与溢出显示为省略号
- css 溢出文本显示省略号的详细方法
- 文本溢出用css定义省略号显示的方法
- css控制文本单行,多行溢出显示省略号
- css文本溢出省略号 遮罩层
- datagrid 溢出文本显示省略号
- html文本溢出显示省略号(...)
- CSS3文本溢出显示省略号
- Python学习----报错总结
- Just a Hook (hdu 1698 线段树区间更新)
- 网络请求数据 有null 的处理
- 问候Java移位运算符大爷
- redis 的链表简单解析
- [ css ]文本溢出显示省略号
- 替换空格、制表符、回车、换行为""
- springmvc mybatis 配置一对多的关系使用 <association> 及实体类写法2Spring MVC 会按请求参数名和 POJO 属性名进行自动匹配自动为该对象填充属性值。支持
- 前端学习(四)node核心模块querystring
- 【我的Android进阶之旅】Jenkins挂载slave节点,增强分布式编译的效率
- LeetCode 84. Largest Rectangle in Histogram
- Knight Moves(BFS模板)
- POJ 3132 Sum of Different Primes 笔记
- Search Insert Position