在手机端文字超出隐藏

Question

在手机端的网页中如何实现超出父盒子的宽度和高度后文字变成省略号

变成这种效果

Answer 1

这是多行的,你想要几行就修改-webkit-line-clamp
.demo{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

Answer 2

加入css样式overflow:hidden

完整样式
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;