css文字超出省略...不生效

主要原因是盒模型问题处理

 1  .right-title2 {
 2       width: 240px;
 3       height: 40px;
 4       font-weight: 400;
 5       font-size: 14px;
 6       color: rgba(51, 58, 72, 0.45);
 7       overflow: hidden; //超出文本隐藏
 8       text-overflow: ellipsis; ///超出部分省略号显示
 9       display: -webkit-box; //弹性盒模型
10       -webkit-line-clamp: 2; //自定义行数
11       /* autoprefixer: off */ 
12       -webkit-box-orient: vertical;
13       /* autoprefixer: on */
14     }
     -webkit-box-orient: vertical;这一句在浏览器中没有生效  加上上下的那两句注释就可以生效了
posted @ 2022-10-24 16:31  lonelyshy  阅读(2002)  评论(0)  编辑  收藏  举报