css 文字超出显示省略号

   overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box; /** 将对象作为伸缩盒子模型 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp: 1; /** 显示的行数 **/

其他还可以：

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

-webkit-line-clamp: 1; //这个可以不要