单行多行文字隐藏显示省略号

lxf2023-02-28 23:14:27

文字单行隐藏：给它设定一个宽和高，对于文字超出部分进行隐藏，多余的部分用省略号来表示。


text-overflow: ellipsis;
overflow: hidden ;
white-space: nowrap;

多行隐藏：多行隐藏的 div 的高度不能设置，让其自动 3 行隐藏即可。

overflow : hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;

本文是由"秘密武器开发者中心"本站原创整理，所有内容的版权归原作者所有。