table td里的内容固定长度，超出用省略号代替

版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/89129738

环境

采用html中table元素来布局

问题描述

td里面有文字，文字从数据库中拿取，有的文字长有的文字短，文字长会影响布局，影响美观，变形

解决方案

1、设置table

style="table-layout:fixed"    这个是必要的

2、设置td

.table tr td{
  border:1px solid white;
  white-space: nowrap;/*控制单行显示*/
overflow: hidden;/*超出隐藏*/
text-overflow: ellipsis;/*隐藏的字符用省略号表示   IE*/
 -moz-text-overflow: ellipsis;/*隐藏的字符用省略号表示  火狐*/
}