css超出部分隐藏

css样式：

　　单行隐藏：

　　　　white-space: nowrap;  /*超出部分隐藏*/

　　　　overflow: hidden;  /* 超出部分显示省略号 */

　　　   text-overflow: ellipsis   /* 超出部分显示省略号 */

　　多行隐藏：　　　　　　

　　　 overflow: hidden;
　　　display: -webkit-box;//将元素设为盒子伸缩模型显示
　　　-webkit-box-orient: vertical;//伸缩方向设为垂直方向
　　　-webkit-line-clamp: 3;//超出3行隐藏，并显示省略号

更多详细参考：https://segmentfault.com/a/1190000040859105