一个出色的个人网站
数据概览
39
文章
09
分类
32
标签
活动出行
豆包说说
博客博文
macOS
JavaScript
VUE
CSS
react
空栏目
音乐作品
空栏目
http://doubao.life/index.php/feed/
某些图片资源从 unsplash.com 获取
2024/12/24
让文字能限量显示，溢出加省略号
设计中经常要控制文字输出数量，或者是行量。
否则无法满足金主爸爸的需求可就难看了。
话不多说，这篇文章依然是防止再次遇到问题想不起来。备查。
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; 定义受限的行数
overflow: hidden;
text-overflow: ellipsis; 溢出加省略号
white-space: normal;
height: 35px; 定义层高度
line-height: 18px; 定义行高，避免字体原因出问题