css 一行或多行文字溢出以...的形式隐藏
2024-08-30 11:29:40
一行文字溢出以...形式隐藏
我需要隐藏...
css代码如下:
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
多行文字溢出以...形式隐藏(针对webkit内核浏览器)
css代码如下:
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
注意!-webkit-line-clamp:2;
这是2行内容溢出以...形式隐藏,比如:
我需要隐藏
我需要隐藏...
也就是说你想要显示几行隐藏,就写数字几就好。
最新文章
- JQuery easyUI DataGrid 创建复杂列表头(译)
- 【读书笔记《Bootstrap 实战》】6.单页营销网站
- Struts2之OGNL
- es6箭头函数中this
- sed命令手册
- bzoj2242
- AutoBackupForApps
- solr拼写检查代码逻辑
- 阿里云服务器重启后mysql不能启动的问题
- 帮助中心 7D-我的私家设计师 设计师品牌服饰集成网 7D服装定制!
- MyBatis 一对多,多对一关联查询的时候Mapper的顺序
- 如何在yarn上运行Hello World(一)
- SystemJS to Webpack – Before You Begin
- Java IO模型
- ant_<;target>;标签含义与使用
- eslint 入门学习
- Uncaught TypeError: Illegal invocation
- python文本替换
- selenium+python自动化85-python3.6上SendKeys报错用PyUserInput取代
- 20155305乔磊2016-2017-2《Java程序设计》第七周学习总结