Using CSS to solve table text overflow control TD display Word Count method

A lot of novice friends will be in the process of doing development, always encounter more or less problems, before seeing someone ask how to let the extra text hidden display and use ... Said, today, we will solve this problem, directly on the code, the code is as follows

table{      width:100px;      table-layout:fixed;/* only the table-defined layout algorithm is fixed, the following TD definition will work. */  }   td{       width:100%;       word-break:keep-all;/* do not wrap */       white-space:nowrap;/* do not wrap */          overflow:hidden;/* content beyond the width to hide the contents of the outside part of the * *           text-overflow:ellipsis;/* display ellipsis (...) when text inside an object overflows;       use with Overflow:hidden; */  }