表格单元格模型:额外的宽度和高度

时间:2013-10-31 04:14:58

标签: html css css-tables

这是表格单元格:https://developers.google.com/+/web/share/#sharelink-sizes

Table cell screenshot

正如您在Chrome或Firefox中使用检查元素功能时所看到的,表格单元格的总宽度和高度计算为105px×85px。但是,单元格内容(图像)仅为64px×64px,单元格填充为6px 10px 6px 10px。我没有在元素样式中看到任何宽度和高度属性,所以这个额外的宽度和高度来自哪里?

1 个答案:

答案 0 :(得分:2)

这是一个表格单元格,因此浏览器会自动在单元格之间分配空间以填充表格的宽度。确切的宽度取决于所有单元格的内容和表格的宽度。在这种情况下,表格被设置为浏览器窗口的百分比宽度,因此在我的1920x1080显示器上,它实际上比屏幕截图大一点。

enter image description here

相关问题