一行文字溢出显示省略号：
    给元素添加下面的属性，注意要配合固定宽度
    父级元素有使用 flex 布局，则可能会失效，把该元素设置为 块级元素 block 即可

    1. width: 500rpx;
    2. display:block;
    3. overflow:hidden; //超出的文本隐藏
    4. text-overflow:ellipsis; //溢出用省略号显示
    5. white-space:nowrap; //溢出不换行

    多行文字溢出显示省略号：
    给元素添加下面的属性，注意要配合宽度

    1. display:-webkit-box;
    2. -webkit-box-orient:vertical;
    3. -webkit-line-clamp:3;
    4. overflow:hidden;
    5. word-break: break-all;// 换行