html - 使用溢出 :auto 的单元格创建可扩展表

Question

我有一个以可缩放布局显示表格数据的表格。表格本身的宽度为:100%。

在其中一列中，用户数据在极少数情况下会包含将表格延伸到其容器之外的长字符串。

我的解决方案是将该单元格的内容放入一个 div 中，并为该 div 指定一个 max-width:320px 和一个 overflow:auto。这在我关注的两个浏览器 IE9 和 FF7 中有效。

<table style="width:100%;">
  <tr>
    <td>
      <div style="max-width:320px; overflow:auto;">
        ReallyLongUnbrokenStringOfCharactersThatStretchesTheTableBeyondItsContainerReallyLongUnbrokenStringOfCharactersThatStretchesTheTableBeyondItsContainerReallyLongUnbrokenStringOfCharactersThatStretchesTheTableBeyondItsContainer
      </div>
    </td>
  </tr>
</table>

但是，我的偏好是不要将列的内容限制为 320 像素的最大宽度。我宁愿 div 根据表格的需要进行拉伸(stretch)，并且仅在表格不再适合屏幕时才溢出。这可能吗？

Answer 1

我之前为此所做的是将溢出设置为隐藏，并将完整的字符串放入替代文本中，这样您就可以在悬停时看到它。我不知道这是否是您想要的，但我有时会用到它。

如果不是，请尝试使用 jquery ui 隐藏效果，这是一种很好看的方法。希望有帮助