博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
-webkit-line-clamp超过两行就出现省略号
阅读量:4519 次
发布时间:2019-06-08

本文共 372 字,大约阅读时间需要 1 分钟。

-webkit-line-clamp 是一个 不规范的属性(),它没有出现在 CSS 规范草案中。

限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:

  •  必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
  •  必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。
  • ,可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 。

overflow : hidden;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

转载于:https://www.cnblogs.com/andyZhang0511/p/11209794.html

你可能感兴趣的文章
NFS-heartbeat-drbd模拟NFS高可用
查看>>
SQL Server性能调优:资源管理之内存管理篇(上)
查看>>
javaScript 基础知识
查看>>
接近开关,光耦
查看>>
基于visual Studio2013解决C语言竞赛题之1033数字交换
查看>>
给datalist加自动编号(解决博客的第XX楼)
查看>>
BZOJ3282: Tree (LCT模板)
查看>>
ES6中变量的解构赋值
查看>>
编译器C-Free V352注册算法分析
查看>>
数据绑定控件Reperter
查看>>
【codeforces】【比赛题解】#937 CF Round #467 (Div. 2)
查看>>
剑指Offer学习笔记(3)——解决面试题的思路
查看>>
.NET Framework基础知识(二)(转载)
查看>>
Yii DataProvider
查看>>
BestCoder Round #14 B 称号 Harry And Dig Machine 【TSP】
查看>>
hdu 1114 Piggy-Bank
查看>>
maven集成tomcat插件启动报错
查看>>
Boost库编译安装
查看>>
Python matplot画散列图
查看>>
C#/.NET整数的三种强制类型转换(int)、Convert.ToInt32()、int.Parse()的区别
查看>>