说明；在前端开发中，经常会遇到需要单元格宽度并且内容超出部分显示省略号的的情况。下面就简单的介绍下如何达到这种效果。准备知识；1.控制文本不换行；white-space： nowrap。2.超出长度时，出现省略号。overflow：hidden。text-overflow：ellipsis。3.修改表格布局算法。table-layout：fixed；table-layout的默认值为automatic，意思是列宽度由单元格内容设定。而fixed意思是列宽由表格宽度和列宽度设定。也就是说当你给表格设定列宽时，实际情况是不起作用的，当单元格内容过多时，依然会把宽度撑开。如果需要让表格的列宽显示方式由自己给单元格定义的列宽决定，就必须使用fixed这个值。