了解Firefox 3.5和Internet Explorer 8中的td宽度
了解Firefox 3.5和Internet Explorer 8中的td宽度
提问于 2009-12-03 07:39:08
有没有人对浏览器如何确定td宽度有很好的参考？
我有一个包含3列的表格，td宽度分别设置为auto、150px、200px。在Firefox3.5中看起来相当不错。在IE 8中，第2列和第3列很大，第1列比我想要的要小得多。我不介意浏览器有点智能(有时第三列很少，有时更多)，但我不希望第一列这么小。
我见过最小宽度和最大宽度。有人说IE不理解它们(也许是旧版本？)。
我还看到了一个table-layout CSS属性(我们正在使用CSS)，也许这是一种可行的方法。
有一堆细节，我正在寻找一个很好的整体参考。
回答 2
Stack Overflow用户
发布于 2009-12-03 07:49:52
IE 7和更高版本只在TD上理解最小宽度/最小高度(IE 8在大多数块级元素上)，这可能会令人沮丧，因为IE以不同的方式计算表格单元格的自动宽度。在这种情况下，你最好的办法是能够为单元格设置某种宽度，即使它是一个引用，如果你想防止这种情况发生，可以优先使用nowrap的特定单元格。
Stack Overflow用户
发布于 2009-12-03 08:49:44
这是我在FF3.5和IE8上尝试的：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<table style="width: 600px;" border="1">
<tr>
<td style="width:auto">td1</td>
<td style="width:150px">td2</td>
<td style="width:200px">td3</td>
</tr>
</table>
</body>
</html>两者看起来是一样的，你的代码和上面的有什么显著的不同？
编辑：
我也尝试过doctype transitional，同样的结果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1836658
复制相关文章
相似问题
腾讯云开发者
