超出隐藏

 text-overflow: ellipsis; // 省略号代替溢出部分
  overflow: hidden;
  width: 100px;
  direction: rtl; /* 文本方向从右到左，使得最后一个字符显示出来 */
  // white-space:nowrap  防止换行  
  // text-overflow: clip; /* 默认情况下，文本超出容器会被裁剪 */

text-overflow: ellipsis; //省略号代替溢出部分
  overflow: hidden;
  width: 100px;

function ellipsis(str, maxLength) {
      if (str.length <= maxLength) {
        return str;
      } else {
        return str.substr(0, maxLength / 2) + '...' + str.substr(str.length - maxLength / 2);
      }
    }
ellipsis('sssssssssssssssssssssdddddd',10)