原文：table TD 超出省略号
原理： 本方法用于解决表格单元格内容过多时的美观问题，主要涉及到 句CSS样式： .table layout: fixed由于table layout的默认值是auto，即table的宽高将取决于其内容的多寡，如果内容的体积无法估测，那么最终表格的呈现形式也无法保证了，fixed一下就好了。 注意：此样式是关键 .white space: nowrap是为了保证无论单元格 TD 中文本内容有多少 ...
2013-05-27 11:37 1 6121 推荐指数：
相关推荐
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; ...
单行： white-space: nowrap; text-overflow: ellipsis; overflow: hidd ...
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;（ ...
span设置部分省略...： span{ overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis ...
单行及超出省略号 white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; 多行 display ...
在做表格的时候遇到两个问题：表格宽度设置和超出文字省略号显示 1.表格宽度 需设置table的样式：table-layout:fixed;width: 100%; 然后在首行(th)设置宽度（最后一列不设置）。 主要是首行（th）设置宽度才有效 2.超出文字省略号显示 ...
方法一： vue: 方法二： vue: ...