单行以及多行文本超出显示省略号

1.单行文本显示省略号

{

　　width:100px;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

}

2.多行文本省略号

{

　　　width: 100px;

            overflow: hidden;

            text-overflow: ellipsis;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            /* 字母或者数字需要加word-break */

            word-break: break-all;

}