Chrome不支持使用javascript设置表格宽度
Chrome does not honor table width setting using javascript
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相关文章:
- 使用谷歌地图api计算距离并将其设置在表格中<td>
- 为什么谷歌应用程序的电子表格setValue函数没有在单元格中设置值
- Google 图表 - 设置选择不会滚动到表格可视化中的选定行
- 检测价格是否高于或低于200.00,然后设置(此)表格行的样式
- 设置“;将标签视为文本“;通过脚本将Google电子表格图表的值设置为true
- 谷歌图表API:设置表格列宽以适应数据
- 使用jQuery在表格单元格中设置链接
- D3.js设置突出显示的表格的样式
- 使用缩写字词设置谷歌图表表格列的格式
- 将显示:无设置为第一行的单元格会弄乱表格布局
- 如何在加载 html 页面时将表格设置为已在某个列滚动
- 在表格单元格上设置鼠标悬停
- 仅在一个表格行内设置单选按钮标签的样式
- 检查并设置表格行的可见性
- 为什么“tbody”不在表格中设置背景颜色
- 如何通过点击按钮随机设置表格行的颜色
- 设置表格内文本区域的高度
- 在谷歌电子表格中,如何从另一个单元格设置单元格的值's值
- 使用CSS设置表格样式
- 使用Angular为表格行上的按钮制作动画,使整行's按钮设置动画