table表格的td设置百分比宽度不管用的原因及解决方法

今天网站样式需要改版,之前是用的 table 布局,其中有一个地方 td 需要设置百分比,但是怎么都不生效。

table表格的td设置百分比宽度不管用的原因及解决方法 经验总结 第1张

最后找到原因:

之前给 table 设置了的 display: block; 会导致这种情况。

解决方法:

把给 table 设置了的 display: block; 删了或者给 table 设置 display: table;  即可。

table表格的td设置百分比宽度不管用的原因及解决方法 经验总结 第2张

这样就可以正常设置百分比了。

table表格的td设置百分比宽度不管用的原因及解决方法 经验总结 第3张