html – 计算列宽与列的css声明宽度不同.浏览器如何决定宽度?

html – 计算列宽与列的css声明宽度不同.浏览器如何决定宽度?,第1张

概述假设我有一个html表,css声明宽度为750px.它有5列,每列的宽度为50px,使用css声明(所有td的宽度为50px).显然,列的宽度总和是250像素,小于750像素. 当浏览器呈现表时,每列具有不同的计算宽度.我有一列只有5个空格,但计算的宽度超过100px(大于5的). 所有列适合其包含的文本加上一些额外的空格.标记中没有硬编码的列宽.在’td’的css中只有一个50px. 浏览器如何 假设我有一个HTML表,CSS声明宽度为750px.它有5列,每列的宽度为50px,使用CSS声明(所有td的宽度为50px).显然,列的宽度总和是250像素,小于750像素.

当浏览器呈现表时,每列具有不同的计算宽度.我有一列只有5个空格,但计算的宽度超过100px(大于5的).

所有列适合其包含的文本加上一些额外的空格.标记中没有硬编码的列宽.在’td’的CSS中只有一个50px.

浏览器如何计算每列的渲染宽度?

解决方法 当您设置表列的宽度时,它只是推荐的最小宽度,如果可能,浏览器尝试遵守.列的实际宽度是根据其内容的大小计算出来的,这两个列之间的剩余空间是均匀的.

如果任何列最终会比您指定的宽度更窄,则浏览器将尝试调整它,如果其他列中有可用空间,但在这种情况下,列已经超过最小值.

用于计算单元格大小的实际算法因浏览器而异,这意味着列将会根据您使用的浏览器而略有不同.

总结

以上是内存溢出为你收集整理的html – 计算列宽与列的css声明宽度不同.浏览器如何决定宽度?全部内容,希望文章能够帮你解决html – 计算列宽与列的css声明宽度不同.浏览器如何决定宽度?所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1142058.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存