假设我有一个html表,css声明宽度为750px.它有5列,每列的宽度为50px,使用css声明(所有td的宽度为50px).显然,列的宽度总和是250像素,小于750像素.
当浏览器呈现表时,每列具有不同的计算宽度.我有一列只有5个空格,但计算的宽度超过100px(大于5的).
所有列适合其包含的文本加上一些额外的空格.标记中没有硬编码的列宽.在’td’的css中只有一个50px.
浏览器如何计算每列的渲染宽度？
解决方法
当您设置表列的宽度时,它只是推荐的最小宽度,如果可能,浏览器尝试遵守.列的实际宽度是根据其内容的大小计算出来的,这两个列之间的剩余空间是均匀的.
如果任何列最终会比您指定的宽度更窄,则浏览器将尝试调整它,如果其他列中有可用空间,但在这种情况下,列已经超过最小值.
用于计算单元格大小的实际算法因浏览器而异,这意味着列将会根据您使用的浏览器而略有不同.
