老是记不住单行多行超出省略，这里记笔记

单行显示：
p{

width: 200px;
white-space: nowrap; //使文本单行显示
text-overflow: ellipsis; //多余的部分用省略号来代替
overflow: hidden; // 隐藏多余的部分
//单行显示并且使多余的部分用省略号来代替，需要以上三个属性结合起来一起使用
}
多行显示：

{
width: 200px;
white-space: normal; //使文本可以多行显示
text-overflow: ellipsis; //使多余的部分用省略号来代替
overflow: hidden; //隐藏多余的部分
display: -webkit-box; //浮动布局
-webkit-line-clamp: 2; //显示的行数
-webkit-box-orient: vertical; //垂直排列
}