1

由于各种与 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中的错误吗？如果是这样，是否有可能在不找到新方法将我的数据制成表格的情况下解决这个问题？

4

2 回答 2

0

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

于 2013-06-21T21:26:26.827 回答
0

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

于 2013-06-24T14:42:29.443 回答