CSS 字体超出 省略 ... 展示

效果

 /* 标题 */
        .title_t{
            color: #000000;
            font-size: 130%;
            display: inline-block;
            line-height: 30px;
            width: 90%;
            overflow:hidden;/*隐藏文字*/
            text-overflow:ellipsis;/*显示 */
            white-space:nowrap;/*不换行*/
        }

查阅资料有多行的

第几行实现文字省略号
    display:-webkit-box;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:2;/*设置超过为省略号的行数*/
    overflow:hidden;
   # 使用webpack打包工具时，会忽视这个-webkit-box-orient属性，这里修改成下面的写法就可以了
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8;
    text-overflow:ellipsis;