【发布时间】：2012-03-16 05:41:02
【问题描述】：
我希望表格根据其内容以最小宽度呈现，但 IE7 坚持将其扩展为 100% 宽度。
以下小 sn-p 在 Firefox 和 IE8 中可以正常工作，但在 IE7 中不行：
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
table { table-layout: fixed }
td { padding: 0 10px; border: 1px solid blue;}
</style>
</head>
<body>
<table>
<tr>
<td>Column with variable width</td>
<td style="width: 100px;">Column 2</td>
<td style="width: 100px;">Column 3</td>
</tr>
</table>
</body>
</html>
- 我有一张表格，表格布局：固定。
- 我已指定除第一个单元格以外的所有单元格的宽度。
- 在第一列中，我希望浏览器根据内容确定宽度
- 由于我不知道第一列的宽度，我不能（也不想）指定表格的宽度。
现在，IE7 中的问题是表格被渲染为 100% 宽度。所以第一个 col 没有显示其内容所需的最小宽度，而是占用了所有空间以使表格 100% 宽度。
这是我目前发现的：
- 当我从表格中删除“table-layout:fixed”时，表格不会扩展到 100%。不幸的是，这不是我的选择。
- 当我将表格宽度设置为非常小的尺寸（例如 10 像素）时，第一个列不会扩展到所需的最小宽度，而是会完全消失。
- 我试图设置“显示：内联；”对于表格，但这对宽度没有影响。
有什么想法吗？
提前谢谢， 皮特
【问题讨论】：
标签： html css internet-explorer-7 width tablelayout