多行文本溢出

作者: nymlc | 来源:发表于2019-01-06 15:02 被阅读0次

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

多行文本溢出很简单，可以用这个非规范属性，不过它有局限性，看前缀就知道了。而且有个坑：在初始化时候无效，所以可以在初始化之后动态改变下padding神马的（其实就是改变下位置、大小）

position: relative;
overflow: hidden;
max-height: 100px;

如上限定高度，然后在最后定张…图片，该图片背景和文字背景一致的话就很像了，不过总有瑕疵

CSS——单行／多行文本溢出解析
1 单行文本溢出 2 多行文本溢出
样式问题的经验总结
背景透明，内容不透明强制换行/不换行单/多行文本溢出 1). 单行文本溢出 2). 多行文本溢出
CSS实现单行和多行文本溢出显示省略号……
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
多行文本溢出显示省略号
多行文本溢出省略单行文本溢出省略
【解决】文本溢出显示省略号点点点…
一、单行文本溢出显示... 二、多行文本溢出显示...
CSS3 之文本溢出
1.单行文本溢出 2.多行文本溢出
文本溢出省略号
文本溢出包括单行，多行文本溢出 1. 单行文本溢出： width:300px; overflow:hidden;...
多行文本溢出显示省略号
实现单行文本溢出的CSS 实现多行文本溢出的CSS 但是！实现多行文本溢出显示省略号的时候webpack不编译-w...
文本溢出隐藏展示省略号，单行、多行、半行
1、单行文本溢出隐藏示例图： 2、多行文本溢出展示省略号示例图：小程序中多行文本溢出展示省略号 3、非整行展...
文字溢出容器省略号展示处理
文字溢出容器，要打点展示一、单行文本 HTML CSS 二、多行文本多行文本溢出打点难以实现不用技术实现直接...