gpt4 book ai didi

html - IE7 - 修复单元格有填充时的列宽问题

转载 作者:太空宇宙 更新时间:2023-11-03 19:02:20 25 4
gpt4 key购买 nike

我在使用 IE7 和具有固定布局和固定列大小的表格时遇到了一些问题。大多数浏览器使用列宽来设置单元格的大小,包括填充,但 IE7 似乎将其设置为不包括填充,因此存在悬垂。

我已经搜索、搜索并再次搜索解决方案,但除了将“box-sizing: border-box”应用于其他所有内容之外,我找不到任何合适的解决方案,这是不可能的。删除“table-layout: fixed”也有效,但太多其他代码依赖于此。

如何在浏览器之间保持一致性?

<!-- DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" -->
<html>
<head>
<style type="text/css">
div {
width: 200px;
height: 10px;
background-color: blue;
}
table {
width: 200px;
border-collapse: collapse;
table-layout: fixed;
}
.first {
width: 50px;
background-color: green;
}
.second {
width: 150px;
background-color: red;
}
.alt {
padding: 10px;
}
</style>
</head>
<body>
<div></div>
<table>
<colgroup>
<col class="first" />
<col class="second" />
</colgroup>
<tr>
<td>Foo</td>
<td class="alt">bar</td>
</tr>
</table>
</body>
</html>

类似问题:<col> width and padding - IE7

IE7 SS IE7 screenshot

IE9 SS IE9 SS

最佳答案

IE 不支持表格填充。您需要将 pad 应用于表格数据单元格。

关于html - IE7 - 修复单元格有填充时的列宽问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11614110/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com