1.单行文本超出隐藏:

    ①单行文本超出,用省略号代替:

        a. 先给一个定宽(width:value)

        b. 使文本不换行显示(white-space:nowrap)

        c. 是超出部分隐藏(overflow:hidden)

        d. 超出文本用省略号代替(text-overflow:ellipsis)

2.多行文本超出隐藏:

    ②多行文本超出,用省略号代替:

        a.    display: -webkit-box;

        b.    -webkit-box-orient: vertical;

        c.    -webkit-line-clamp: 3(第几行才有省略号,数字3是表示哪行需要省略);

        d.    overflow: hidden;

小标题用的是单行文本超出用省略号代替,下面的是多行文本超出用省略号代替

只需这么点代码就可以实现超出部分用省略号代替