单行文本超出时的解决方法
overflew: hidden; /**隐藏超出的内容*/
white-space: nowrap; /**规定段落中的文本不进行换行*/
text-overflow: ellipsis; /**规定超出内容以省略号显示*/
多行文本超出时的解决方法
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /**控制显示内容的行数*/
-webkit-box-orient: vertical;