单行文本溢出和多行文本溢出的处理方式

单行文本溢出：

　　默认clip直接裁剪；设置ellipsis溢出

　　text-overflow：clip；

　　强制不换行： white-space: nowrap;

　　内容溢出隐藏：overflow：hidden；

　　　　overflow属性还有auto，scroll，visible

 

多行文本溢出：

　　display：-webkit-box；

　　-webkit-box-orient：vertical; (竖向排列)

　　-webkit-line-clamp: 3 (保留三行)

　　overflow：hidden；