Bootstrap 给予响应式、移动设备优先的流式栅格系统提供了十分丰富的样式类，基于这些了可以做出很多好看的效果，虽让提供了常用基本样式类，但有一些比较特殊的需求 比如bootstrap 提供了 text-truncate 样式类，使用这个类可以轻松实现单行文字溢出容器时自动隐藏并在结尾处显示省略号效果，但是如果希望在容器内显示两行或三行文字 超出部分省略号显示这类定制性需求，就没有对应的类需要自己去实现。
以下是一个css实现的两行及三行文字省略显示效果实现，供大家参考：
温馨提示：本文最后更新于
2022-08-17 21:33:22，某些文章具有时效性，若有错误或已失效，请在下方留言。THE END
![WP子比主题首页添加大屏搜索框+导航栏教程[自用存档]-颜兮之家](https://yanxii.com/wp-content/uploads/2023/03/QQ截图20230320154631.png)
私信客服
- 最新
- 最热
只看作者