单行、多行文本溢出隐藏并显示省略号

单行文本溢出隐藏css

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本溢出隐藏css

注意：此方法不兼容ie浏览器

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;    // 最大行数
-webkit-box-orient: vertical;