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

前端之家收集整理的这篇文章主要介绍了HTML – 为什么TD宽度不工作或没有遵循?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
原始问题: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宽度.
原文链接:https://www.f2er.com/html/232429.html

猜你在找的HTML相关文章