原始问题:HTML< table>有默认宽度?
最近有人在这些问题的某个地方问了一个问题,让我感到疑惑.
以此为例.
在这个小提琴中,如果你要检查它的宽度(我正在使用chrome中的inspect元素),它会显示100px,按预期工作.
让我们再添加几个“td”,我们将看到“td:100px”css被忽略了.
正如您所看到的,现在它是83px而不是最初预期的100px.
但是,让我说,我回到更少的TD(7),并且我为每个TD元素(500px)添加更宽的宽度,结果是td的宽度被卡在119px.
最后,假设我有一个2000px宽度的表,宽度为100px的td,以及许多td元素.
http://jsfiddle.net/rqmNY/7/
现在表宽度会覆盖TD宽度,并将td的宽度扩展为222px.
谁能解释这种行为?
附:请注意,在所有情况下,inspect元素工具告诉我宽度始终对应于css,它只是最终结果没有正确显示.
解决方法
您是否尝试过将display:inline-block添加到TD CSS中?这会强制浏览器不要忽略您的TD宽度.