【CSS】一行超出...隐藏，两行超出...隐藏

美丽的UI小姐姐总是让你…展示，不知道有什么是见不得人的，那我今天帮你做个遮羞布

一行超出…展示

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

差不多就是这样的效果，我这里展示的是车牌

多行超出…展示

width:300px // 这个宽度要确定才可以给你隐藏
text-overflow ellipsis
display -webkit-box
-webkit-line-clamp 2
-webkit-box-orient vertical
overflow hidden

差不多就是这样的效果，我这里展示的是一个地址