Internet Explorer在使用CSS table时忽略宽度。

Question

我创建了一个jsfiddle以说明这个问题：http://jsfiddle.net/pLn7qgp7/。实际上，在Internet Explorer中它不起作用 - 我将宽度设置为500像素，但浏览器忽略了这一点。我知道我可以简单地为图片添加宽度，但我正在寻找另一种解决方案，使图片数量可以有所变化。

- Nepo Znat

Answer 1

IE 在这里实际上是正确的。Chrome 是错误的。

为了保持 HTML 的向后兼容性，width 用于表格（或其单元格）实际上意味着 min-width。表格可以调整列的宽度以适应内容。

将 table-layout:fixed 添加到 table 元素（在这种情况下，您的 #wrap 元素）中，以强制使用与宽度相关的“严格”行为。

- Niet the Dark Absol

---

感谢您的解释。运行得非常完美。 - Nepo Znat

我不知道谁错了，但是抱怨是针对IE而不是Chrome的。 - serge

@Serge 实际上问题出在早期版本的HTML规范上，它规定了“表格单元格上的宽度实际上是指最小宽度，你可以根据内容进行扩展”的行为。Internet Explorer 遵循了这个标准，而Chrome则没有。 - Niet the Dark Absol

Chrome是多么伟大，即使不遵循标准也能满足用户的需求。很可能这是一种有意识的不遵循。如果我们看看Edge，“IE修复版”，它的行为与Chrome类似，非标准化，处于快乐用户模式... - serge