纯css控制文字2行显示多余部分隐藏
来源:互联网 发布:kismet windows 编辑:程序博客网 时间:2024/06/05 02:08
在编写页面的时候,经常遇到一些地方的文字显示1行,多余的文字隐藏,这样显示1行的很好控制:
css代码如下:
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
3行代码搞定,这个很常见。但是要是2行文字显示多余隐藏呢,我之前在网上搜到的很多说什么用js去控制,用php控制。。。等等诸如此类的复杂方法,为什么不能同样用css去控制呢?后来找到答案了,用css同样可以去控制2行文字显示多余隐藏。
css代码如下:
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
更方便的是改变webkit-line-clamp的值还可以实现3、4、5等等多行文字显示多余隐藏的效果~
1 0
- 纯css控制文字2行显示多余部分隐藏
- css 文字第二行多余文字隐藏后面小数点显示
- css隐藏多余文字
- css一行文字多余的部分省略号隐藏的解决办法
- 单元格长度固定,多余文字显示... CSS样式控制
- CSS文字控制在二行 超出部分不显示
- CSS控制文字,超出部分显示省略号
- CSS控制文字,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- 文字在一行显示,多余的隐藏
- jquery实现多余文字显示或隐藏
- jquery实现多余文字显示或隐藏
- springmvc学习笔记——传递对象作为参数(POJO)
- hdu 4982(贪心思想)
- 定时器开启和关闭
- js中cookie的读取、添加和修改
- 问题:org.apache.jasper.JasperException: Unable to compile class for JSP
- 纯css控制文字2行显示多余部分隐藏
- 找不到文件异常java.io.IOException: Resource [classpath:shiro.ini] could not be found.
- leetcode43 Multiply Strings
- fuel8:fuel master安装失败的处理
- windows下dos常见命令
- ecshop后台左侧云服务中心如何去掉
- 反编译Android APK及防止APK程序被反编译
- 手把手教你怎么搜索网盘资源之网盘搜索神器-pan.muyi.so
- Django 入门(二)