多余文字隐藏css效果

 display: block;

  /*设置宽度*/
  width: 100px;

  /*若文字长度超过width，则隐藏文字*/
  overflow: hidden;

  /*超过的部分用 ... 显示*/
  text-overflow: ellipsis;

  /*取消文字自动换行，如果不加则文字会自动换行使得高度改变*/
  white-space: nowrap;