中间点和省略

1.中间点（会自动根据左右变化大小颜色）
·

2.超出省略(只适合内核为webkit的浏览器)

   overflow:hidden;
    text-overflow:ellipsis;//超出用省略号代替
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;//行数
    height: 1.25rem;//必须给固定高

3.如果要适应其他内核，比如火狐的话，可以考虑限制字数

 $(function () {
            $(document).ready(function () {
                //限制字符个数
                $('.dot').each(function () {
                    var maxwidth = 98;
                    if ($(this).text().length > maxwidth) {
                        $(this).text($(this).text().substring(0, maxwidth));
                        $(this).html($(this).html() + '…');
                    }
                });
            })
        })