前端之家收集整理的这篇文章主要介绍了
html – 表格布局:Safari中固定的渲染差异,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
基本上我遇到的问题是在Safari / Chrome中它改变了我的列的宽度,即使我已经指定了a)表格上的宽度,b)表格布局:固定,以及c)我的第一行上的特定宽度
添加填充和边框值时,
添加到指定表的宽度.在IE7和Firefox 3中,表格呈现相同.但是在Safari / Chrome中,它决定通过从其他列中
获取空间来扩大第二列.
有任何想法吗?我有一个very simple sample page,你可以看一下,以及an image显示如何在所有三个浏览器中呈现表格进行比较.
在有缺陷的webkits中,table-layout:fixed还为你的表格单元格大小调整:border-
Box.浏览器检测的一种替代
方法是明确设置
Box-sizing:border-
Box以获得跨浏览器的一致行为,然后相应地调整宽度和高度(必须
增加宽度和高度以
包括填充和边框).
#my-table td {
Box-sizing: border-Box;
}
原文链接:https://www.f2er.com/html/232311.html