文本超出省略号显示

1.单行文本

                    /* 1.先溢出隐藏 */

                               overflow: hidden;

                   /* 2.让其不换行 */

                               white-space: nowrap;

                  /* 超出的用省略号 */

                              text-overflow: ellipsis;

2.多行文本

 -webkit-line-clamp: 3;(3替换为几行后超出显示省略号)

 display: -webkit-box;

-webkit-box-orient: vertical;

 overflow: hidden;

 text-overflow: ellipsis;