给table标签设置
table-layout: fixed;
word-break:break-all;
这两个样式,如下图
![]()
然后,设置width,就可以了。
重要实践经验!!! width建议取50的整倍数,最终每列的宽度并不是自己写的值,而是按照倍数均分的宽度。

效果如下:

解释:
table-layout:fixed 的作用就是固定列的宽度的,但是只固定了标题头;
word-break:break-all,此属性的含义是如果单元格内的数据在被列宽限制的情况下会换行显示。
转自:https://blog.youkuaiyun.com/jqc874789596/article/details/82877544
https://blog.youkuaiyun.com/wang1171405487/article/details/80667530
本文介绍如何使用CSS的table-layout:fixed和word-break:break-all属性来固定表格列宽,并确保单元格内数据在宽度受限时能自动换行。实操中,width属性建议取50的整倍数,以实现更精确的列宽控制。
777

被折叠的 条评论
为什么被折叠?



