小程序关于多行文本溢出
发布日期：2021-05-26 12:02:19
浏览次数：24
分类：博客文章
本文共 254 字，大约阅读时间需要 1 分钟。
上午想偷个懒，没想到下午就遇到多行文本溢出问题了。。。
在父级上添加属性： overflow:hidden;
然后在文本容器上添加：
display: -webkit-box; -webkit-line-clamp: 2;//这个是允许显示的行数 -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //这个是溢出的文本以什么方式显示
以上。
发表评论
最新留言
哈哈，博客排版真的漂亮呢~
[***.90.31.176]2025年04月22日 09时56分59秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
apache服务器 vs Tomcat服务器
2019-03-21
springboot：集成 Jsp
2019-03-21
Python：简介
2019-03-21
python：input
2019-03-21
python：字符串
2019-03-21
cobaltstrike生成一个原生c，然后利用xor加密解密执行
2019-03-21
HTML中如何给HTML元素添加事件
2019-03-21
IDEA springMVC不报错出现访问404问题
2019-03-21
Redis概述和基础
2019-03-21
SSH整合的404错误
2019-03-21
wpf 使用Font Awesome
2019-03-21
阿里云Windows服务器+PHPStudy+apache 如何部署SSL证书
2019-03-21
Windows10：远程桌面连接报错“出现身份验证错误。要求的函数不受支持”
2019-03-21
C++ 错误：“xxx” does not name a type
2019-03-21
redis的发布和订阅
2019-03-21
lettcode 221. 最大正方形
2019-03-21
112. 路径总和(Javascript)
2019-03-21
G1 如何做到可预测的停顿和G1 垃圾收集器入门
2019-03-21
0X3协议与数据包
2019-03-21
C++ 函数需要有返回值，但非全分支return（RVO）
2019-03-21
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 462718033 位访客