html - 显示 :table, 最大宽度、文本溢出、溢出在 IE8 中不起作用

Question

出于各种与 jQuery/Javascript 相关的原因，我使用带有 display:table 和 display:table-cell 样式的 div 来表示数据。标记如下所示:

<div style="display:table; width:100%">
  <div style="display:table-cell; width:20%;">Stuff</div>
  <div style="display:table-cell; width:60%; max-width:600px; overflow: hidden;">
    Longer Stuff
  </div>
  <div style="display:table-cell; width:20%;">Stuff</div>
</div>

样式实际上是在css中当然不是style属性，但这是大意。网站本身是固定宽度的，因此像素 #。

这在我测试过的所有浏览器中都能完美运行，除了 IE8(我没有在 IE9 中测试过)。然而，在 IE8 中，中心列似乎忽略了 overflow 和 max-width 属性。这是IE8中的错误吗？如果是这样，是否可以在不找到一种新方法来制表我的数据的情况下解决这个问题？

Answer 1

您不应该在样式属性中使用 = 符号。你应该使用 :。这可能是你的问题。将 max-width=60px 更改为 max-width: 60px