html+css实现容器显示两行文本超出部分以省略号显示

Bootstrap 给予响应式、移动设备优先的流式栅格系统提供了十分丰富的样式类,基于这些了可以做出很多好看的效果,虽让提供了常用基本样式类,但有一些比较特殊的需求 比如bootstrap 提供了 text-truncate 样式类,使用这个类可以轻松实现单行文字溢出容器时自动隐藏并在结尾处显示省略号效果,但是如果希望在容器内显示两行或三行文字 超出部分省略号显示这类定制性需求,就没有对应的类需要自己去实现。

以下是一个css实现的两行及三行文字省略显示效果实现,供大家参考:

温馨提示:本文最后更新于2022-08-17 21:33:22,某些文章具有时效性,若有错误或已失效,请在下方留言
-----本文内容已结束,喜欢请分享-----
版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 共1条

请登录后发表评论

    • waphww的头像-颜兮之家waphwwLV1谷歌浏览器  ELE-AL00 Build/HUAWEIELE-AL00 湖南省 电信0