css超过两行显示省略号，项目中有不生效的是被编译的问题导致

最新推荐文章于 2024-05-21 14:00:56 发布

JJWanna

最新推荐文章于 2024-05-21 14:00:56 发布

阅读量831

点赞数

文章标签： css

本文链接：https://blog.csdn.net/JJWanna/article/details/108528851

版权

Css超过两行现实省略号

 	 width:250px;
      height:44px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box; // 作为弹性伸缩盒子模型显示。
      /* autoprefixer: off */    // 这行必须加的，这个就是控制代码被编译不生效的问题的 上off  下on
      -webkit-box-orient: vertical;  // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
      /* autoprefixer: on */
      -webkit-line-clamp: 2; // 显示的行
      flex-direction: column;
      margin-bottom:4px;
      word-break: break-all;