第二行字体 多余省略号显示

Posted hshen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第二行字体 多余省略号显示相关的知识,希望对你有一定的参考价值。

box-sizingborder-box;

height: 40px;

font-size: 12px;

overflowhidden;

text-overflowellipsis;

display-webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orientvertical;

word-breakbreak-word;

color:#a7a7a7 ;

line-height: 20px;

margin-top: 3px;

margin-bottom: 3px;

 

<span >新鲜脆甜红富士正宗陕西洛川苹果。色泽艳丽、角质层厚、果肉香脆、酸甜适度、耐贮运丽、角质层厚、果肉香脆、酸甜适度、耐贮运丽、角质层厚、果肉香脆、酸甜适度、耐贮运</span>

以上是关于第二行字体 多余省略号显示的主要内容,如果未能解决你的问题,请参考以下文章

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号

CSS如何限制显示的文本字数

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号

第二行的css省略号

多行显示时文字最后多余的用省略号显示。怎么用js写

限制两行显示,超出部分省略号