CSS文字超長顯示省略號

.cell {
      //對超出內容隱藏
      overflow: hidden;
      //顯示省略符號來代表被修剪的文本
      text-overflow: ellipsis;
      //文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。
      white-space: nowrap;
 }
 .cell:hover{
      overflow: auto;
      text-overflow:clip;
      white-space:normal;
 }