资讯专栏INFORMATION COLUMN

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

chuyao / 586人阅读

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

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

直接上代码:

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

狠狠的点击,查看效果吧

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

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

相关文章

  • css使文字显示行后显示略号

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

    BlackMass 评论0 收藏0
  • CSS实现文字超过n行后省略功能

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

    yeyan1996 评论0 收藏0
  • 如何让文本只显示两行——块级文字省略

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

    BetaRabbit 评论0 收藏0
  • 如何让文本只显示两行——块级文字省略

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

    zollero 评论0 收藏0

发表评论

0条评论

chuyao

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<