效果

 /* 标题 */

        .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;

巴特西

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

效果

查阅资料有多行的

最新文章

热门文章

巴特西

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

效果

查阅资料有多行的

最新文章

热门文章

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