Question

Chrome似乎不尊重我在桌面上设置的.width（）设置。 IE10确实如此。

我在页面加载完成后得到表格的宽度：425px。然后我删除具有最宽内容的行，这使得表重新绘制并且表的宽度缩小：185px。

然后，我将表格的宽度设置为原始值425px。但是，如果我在设置后检查表格的宽度，它会关闭（在我的实验中为2px）：423px。

这是一个已知的错误吗？

我使用了错误的get / set吗？

它似乎与表格边框有关（1px边框X2 = 2px），但在设置宽度时是否需要进行计算以考虑边框？

我有一个jsfiddle复制问题：

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());

Answer 1

关于box model.

的全部内容

添加

table{
   box-sizing: border-box;
}

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

更新jsFiddle

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

1 个答案: