超出隐藏

单行时

overflow: hidden;      /*溢出隐藏*/
white-space: nowrap;    /*文本不换行*/
text-overflow: ellipsis;    /*当文本溢出时显示省略标记（...）*/

多行时

overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;/*作为弹性伸缩盒子模型显示*/
-webkit-box-orient:vertical;/*设置伸缩盒子的子元素排列方式--从上到下垂直排列*/
-webkit-line-clamp:2; /*显示的行*/
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容