让连续的英文数字字符换行:word-break:break-all
让单行文字超出的时候使用点点点:
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
如果是自适应表格的时候,要实现上面的两个效果,可能就会遇到挫折:
解决方法:给最外面的table
标签增加一个声明:
table-layout: fixed;作用在于,让表格布局固定,也就是表格的宽度不是跟随单元格内容多少自动计算尺寸。
补充:
th标签设置宽度,用来规定表格的表头单元格的宽度,通常单元格占用的空间就是它显示内容需要的空间,width属性用于为单元格设置预定义的宽度,所有的浏览器都支持