css文字超出部分显示省略号

对于单行：

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;//单行

对于多行：

text-overflow: ellipsis;
overflow: hidden;
display:-webkit-box;
-webkit-line-clamp: 2;//自定义行数，这里是超出两行显示省略号
-webkit-box-orient:vertical;

注意： 注意将元素转换为display:inline-block;