css中自适应表格连续字符换行以及单行溢出点点点的显示

让连续的英文数字字符换行:word-break:break-all

让单行文字超出的时候使用点点点:

white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

如果是自适应表格的时候,要实现上面的两个效果,可能就会遇到挫折:

解决方法:给最外面的table标签增加一个声明:

table-layout: fixed;作用在于,让表格布局固定,也就是表格的宽度不是跟随单元格内容多少自动计算尺寸。

补充:

th标签设置宽度,用来规定表格的表头单元格的宽度,通常单元格占用的空间就是它显示内容需要的空间,width属性用于为单元格设置预定义的宽度,所有的浏览器都支持


猜你喜欢

转载自blog.csdn.net/weixin_38098192/article/details/80619877