Chrome不支持使用javascript设置表格宽度

Chrome does not honor table width setting using javascript

本文关键字:表格 设置 javascript 不支持 Chrome      更新时间:2023-09-26

Chrome似乎不尊重我在表格上设置的。width()设置。IE10。

在页面加载完成后,我得到表格的宽度:425px。然后我删除了最宽内容的行,这使得表格重新绘制,表格的宽度缩小:185px。

然后,我设置表格的宽度为原始值,425px。但是如果我在设置后检查表的宽度,它是关闭的(在我的实验中是2px): 423px。

这是一个已知的错误吗?

我是否使用了错误的get/set?

这似乎与表的边界(1px边界X2 = 2px),但我是否需要做计算,以说明设置宽度时的边界?

我有一个jsfiddle复制了这个问题:

http://jsfiddle.net/slolife/zLyQ2/

var orgWidth = $('table').width();
alert('Original width = ' + orgWidth);
$('table').width(orgWidth);
alert('Width after setting width to ' + orgWidth + ' = ' + $('table').width());
$('#two').remove();
alert('Width after remove = ' + $('table').width());

这都是关于盒子模型的。

添加
table{
   box-sizing: border-box;
}

这个链接是一个非常有趣的阅读,但基本上你强制计算包括与w3c规范不兼容的边框和填充。

更新jsFiddle