html – 计算列宽与列的css声明宽度不同.浏览器如何决定宽度？
发布时间：2020-12-14 18:54:56 所属栏目：资源 来源：网络整理
导读：假设我有一个html表,css声明宽度为750px.它有5列,每列的宽度为50px,使用css声明(所有td的宽度为50px).显然,列的宽度总和是250像素,小于750像素. 当浏览器呈现表时,每列具有不同的计算宽度.我有一列只有5个空格,但计算的宽度超过100px(大于5的). 所有列适合其
|
假设我有一个html表,css声明宽度为750px.它有5列,每列的宽度为50px,使用css声明(所有td的宽度为50px).显然,列的宽度总和是250像素,小于750像素.
当浏览器呈现表时,每列具有不同的计算宽度.我有一列只有5个空格,但计算的宽度超过100px(大于5的). 所有列适合其包含的文本加上一些额外的空格.标记中没有硬编码的列宽.在’td’的css中只有一个50px. 浏览器如何计算每列的渲染宽度？ 解决方法
当您设置表列的宽度时,它只是推荐的最小宽度,如果可能,浏览器尝试遵守.列的实际宽度是根据其内容的大小计算出来的,这两个列之间的剩余空间是均匀的.
如果任何列最终会比您指定的宽度更窄,则浏览器将尝试调整它,如果其他列中有可用空间,但在这种情况下,列已经超过最小值. 用于计算单元格大小的实际算法因浏览器而异,这意味着列将会根据您使用的浏览器而略有不同. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |