博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS实现单行、多行文本溢出显示省略号
阅读量:6192 次
发布时间:2019-06-21

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

单行

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;复制代码

多行

display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;复制代码

适用范围:

因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;

转载于:https://juejin.im/post/5cb14767e51d456e2f77f0e4

你可能感兴趣的文章
从零开始编写自己的C#框架(20)——框架异常处理及日志记录
查看>>
C#中消息的工作流程
查看>>
【转】Python之正则表达式(re模块)
查看>>
訪問索引的方法
查看>>
python中global 和 nonlocal的使用
查看>>
指针面试题
查看>>
java Date时间的各种转换方式和Mysql存时间类型字段的分析
查看>>
UINavigationController navigationBar 隐藏方法
查看>>
Android开发BUG及解决方法
查看>>
collectionview 的相关设置
查看>>
centos 7 上配置mysql 开机启动详解
查看>>
【node.js】回调函数
查看>>
运行预构建 Linux 映像的 Windows Azure 虚拟机中的交换空间 – 第 1 部分
查看>>
Sqrt(x) II
查看>>
关于jvm运行时时区的总结
查看>>
编程算法 - 两个升序列的同样元素 代码(C)
查看>>
Regular Expression Matching
查看>>
Phalcon 訪问控制列表 ACL(Access Control Lists ACL)
查看>>
无线局域网技术
查看>>
【转载】LINUX下安装wget命令(SFTP实现法)
查看>>