table设置th,td固定宽度没有生效解决办法

诸位大佬,可否扫下右下方参与下“支付宝”红包活动!小弟万分感谢!

table宽度的设置在开发中经常使用,但当你设置后经常发现你设置的宽度并没有正常生效或者说最终的宽度和你设置的宽度有着几像素的差别,那么关于该问题我们要如何处理呢?

区别效果设置前:


设置后:


从上面对比图可以看出,使用前table设置的固定宽度并没有正常生效

解决方法、对table设置如下样式:

table{
border-spacing: 0;
border-collapse: collapse;
table-layout:fixed
}

table-layout属性定义:

table-layout属性为表设置表格布局算法。  

table-layout属性值: