css使文字显示两行后显示省略号

chuyao 发布于2019-08-01 15:28 / 523人阅读

摘要：本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎直接上代码狠狠的点击，查看效果吧

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎...

直接上代码：

.article {
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

狠狠的点击，查看效果吧

云服务器私有云 html省略显示 js 最多显示两行 html使p居中显示 html 省略两行

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49927.html

css使文字显示两行后显示省略号

摘要：本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎直接上代码狠狠的点击，查看效果吧本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎... 直接上代码： .article { color: #000000; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; ...

BlackMass 2019-08-29 11:01 评论0 收藏0
纯CSS实现文字超过n行后省略功能

摘要：在切图阶段，经常会遇到，设计稿要求超出行后剩余文字省略，并用代替的需求。滟滟随波千万里，何处春江无月明多行文字限制字数，并将多出字符用代替春江潮水连海平，海上明月共潮生。在切图阶段，经常会遇到，设计稿要求超出n行后剩余文字省略，并用...代替的需求。类似于下图 showImg(https://segmentfault.com/img/bVWoOD?w=938&h=100); 单行文字...

yeyan1996 2019-08-30 13:45 评论0 收藏0
如何让文本只显示两行——块级文字省略

摘要：在页面显示中我们经常会需要进行省略，比如简介里面的省略，比如固定中字数超过限制之后的省略。单行文字的省略单行文字省略比较简单。在页面显示中我们经常会需要进行省略，比如简介里面的省略，比如固定div中字数超过限制之后的省略。我们可以用css轻松做到。单行文字的省略单行文字省略比较简单。关键代码如下： .single { width: 280px; ...

BetaRabbit 2019-08-30 15:55 评论0 收藏0
如何让文本只显示两行——块级文字省略

摘要：在页面显示中我们经常会需要进行省略，比如简介里面的省略，比如固定中字数超过限制之后的省略。单行文字的省略单行文字省略比较简单。在页面显示中我们经常会需要进行省略，比如简介里面的省略，比如固定div中字数超过限制之后的省略。我们可以用css轻松做到。单行文字的省略单行文字省略比较简单。关键代码如下： .single { width: 280px; ...

zollero 2019-08-23 15:18 评论0 收藏0