前端文字只展示俩（多）行，多出的用省略号表示。

htt2321

已于 2024-03-07 10:58:40 修改

阅读量421

点赞数 5

文章标签：前端 javascript 开发语言 css

于 2024-03-01 09:15:05 首次发布

本文链接：https://blog.csdn.net/weixin_43204464/article/details/136386656

版权

  display: -webkit-box; /* 使用弹性盒子布局 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  overflow: hidden; /* 显示溢出部分 */
  -webkit-line-clamp: 2; /* 指定要显示的行数 */
  text-overflow: ellipsis; /* 文本溢出时显示省略号 */

提示：写完这些样式，就不要给盒子高度了。不然有了高度以后会少展示或者是多展示文字