css两行全展示,超出两行的省略号展示,样式失效?
原代码:(怎么都不生效?)
.box{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
改造之后的代码:(生效了)
.box{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/*! autoprefixer: off */ // 使用控制注释来禁用Autoprefixer
-webkit-box-orient: vertical;
/*autoprefixer: on */
-webkit-line-clamp: 2;
word-break: break-all; // 强制换行
}