css文本溢出隐藏

最新推荐文章于 2024-06-26 11:48:29 发布

俊人呀

最新推荐文章于 2024-06-26 11:48:29 发布

阅读量130

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/wangjunren1/article/details/131087217

版权

单行溢出隐藏

// 不换行
      white-space: nowrap;
      overflow: hidden;
      // 末尾显示...
      text-overflow: ellipsis;

多行文本溢出

   // 例如显示五行，高度设置150，行高就是30
      height: 150px;
      line-height: 30px;
      display: -webkit-box;
      // 一共显示的行数
      -webkit-line-clamp: 5;
      // 文本排列方向 从上到下
      -webkit-box-orient: vertical;