文字超出部分省略号显示

一、汉字

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical;

二、数字/字母/汉字

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; //超出行数
-webkit-box-orient: vertical;
word-break: break-all;  // 主要是这个