超出显示省略号

1.单行文本

使用text-overflow：ellipsis属性
text-overflow: clip|ellipsis|string;
clip：修剪文本。
ellipsis：显示省略符号来代表被修剪的文本。/* 超出部分显示省略号 */
string：使用给定的字符串来代表被修剪的文本。

width:100px;/*需规定宽度 /
white-space: nowrap;/规定段落中的文本不进行换行 */

    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 250px;

2.多行文本：

    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
/*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;