CSS文字超长显示省略号

.cell {
      //对超出内容隐藏
      overflow: hidden;
      //显示省略符号来代表被修剪的文本
      text-overflow: ellipsis;
      //文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
      white-space: nowrap;
 }
 .cell:hover{
      overflow: auto;
      text-overflow:clip;
      white-space:normal;
 }