显示：表格，最大宽度，文本溢出，溢出在 IE8 中不起作用答案

【问题标题】：display:table, max-width, text-overflow, overflow not working in IE8显示：表格，最大宽度，文本溢出，溢出在 IE8 中不起作用
【发布时间】：2013-06-21 18:53:55
【问题描述】：

由于各种与 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中，不是样式属性，但这是大意。网站本身是固定宽度的，因此是像素#。

这在我测试过的所有浏览器中都能完美运行，除了 IE8（我没有在 IE9 中测试过）。然而，在 IE8 中，中心列似乎忽略了溢出和最大宽度属性。这是IE8中的错误吗？如果是这样，是否有可能在不找到新方法将我的数据制成表格的情况下解决此问题？

【问题讨论】：

所以你有表格数据（“...表示数据...”和“...制表我的数据...”）？
可能应该说得更清楚些——基本上，我正在制作一个表格，但没有表格，而是使用 div。是的，这很糟糕，不，对于这个特定的页面没有更好的方法。
如果要在 2d 中读取内容，则使用表格，否则，保持流程中的流程很好:)。您是否尝试设置 table-layout:fixed ？
table-layout: fixed 解决了问题！谢谢！ :)

标签： html css internet-explorer-8 css-tables

【解决方案1】：

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

【讨论】：

这是我的问题中的一个错字。我正在使用：。

【解决方案2】：

GCyrillus 提出了一个解决 cmets 问题的方法——将 table-layout:fixed 设置为外部 div（样式为 display:table）。

【讨论】：