HTML – 为什么TD宽度不工作或没有遵循？

概述原始问题：HTML< table>有默认宽度？ 最近有人在这些问题的某个地方问了一个问题,让我感到疑惑. 以此为例. http://jsfiddle.net/rqmNY/1/ 在这个小提琴中,如果你要检查它的宽度(我正在使用chrome中的inspect元素),它会显示100px,按预期工作. 让我们再添加几个“td”,我们将看到“td：100px”css被忽略了. http://jsfiddle 原始问题：HTML< table>有默认宽度？

最近有人在这些问题的某个地方问了一个问题,让我感到疑惑.

以此为例.

http://jsfiddle.net/rqmNY/1/

在这个小提琴中,如果你要检查它的宽度(我正在使用Chrome中的inspect元素),它会显示100px,按预期工作.

让我们再添加几个“td”,我们将看到“td：100px”CSS被忽略了.

http://jsfiddle.net/rqmNY/2/

正如您所看到的,现在它是83px而不是最初预期的100px.

但是,让我说,我回到更少的TD(7),并且我为每个TD元素(500px)添加更宽的宽度,结果是td的宽度被卡在119px.

http://jsfiddle.net/rqmNY/6/

最后,假设我有一个2000px宽度的表,宽度为100px的td,以及许多td元素.
http://jsfiddle.net/rqmNY/7/

现在表宽度会覆盖TD宽度,并将td的宽度扩展为222px.

谁能解释这种行为？

附：请注意,在所有情况下,inspect元素工具告诉我宽度始终对应于CSS,它只是最终结果没有正确显示.

解决方法 您是否尝试过将display：inline-block添加到TD CSS中？这会强制浏览器不要忽略您的TD宽度. 总结

以上是内存溢出为你收集整理的HTML – 为什么TD宽度不工作或没有遵循？全部内容，希望文章能够帮你解决HTML – 为什么TD宽度不工作或没有遵循？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。