表格中的自动换行不起作用（表格布局：已修复）答案

【问题标题】：word-wrap in table not working (table-layout:fixed)表格中的自动换行不起作用（表格布局：已修复）
【发布时间】：2012-09-12 12:43:58
【问题描述】：

http://74.52.155.226/~projtest/team/harmeet/reach/

这是我正在处理的链接。它是响应式设计。如果您在页脚下方看到有一张桌子。当您将分辨率降低到小于 600px 左右时，表格布局会发生变化。我不能做的是在第一行（在小布局中）进行测试以在文本离开表格单元格时进行自动换行。有什么帮助吗？提前致谢。

P.S.：你可以在页面上搜索“无限支持”这个词，你就会知道我在说哪一行。我再说一遍，请缩小浏览器大小来查看问题。

【问题讨论】：

当我减小浏览器宽度时，只有两个数据列可见，其他只能通过水平滚动获得，当使用 Firefox 时。不是我的那杯响应式茶...那么，是否有一些更根本的问题需要先解决？
感谢您的快速回复。有没有更好的方法来做我正在做的事情，如果有，请告诉我，因为这对我来说很麻烦（让表响应）。是的，这就是它应该表现的样子。
我在 CSS 代码中没有看到任何 word-wrap。
我目前正在处理它，因此抱歉已将其删除。第 2617 行的 #rt1 td{} 包含自动换行。

【解决方案1】：

查看萤火虫我可以看到你在 tbody 元素上有'white-space: nowrap'，当在较窄的布局中时。您可以删除它，或将其设置为另一个值，即“正常”

#rt1 tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    table-layout: fixed;
    white-space: nowrap;
    width: 273px;
}

【讨论】：

你是我的英雄！我已经解决了 90 多分钟，我找到了解决方案。我所做的是把 white-space: normal;在我希望文本换行但不从您建议的位置删除的 td 中。非常感谢。
太棒了 :) firebug 或其他控制台是调试这类事情的最佳方式。请采纳答案，谢谢。
我确实使用过它，没有它就无法走到这一步。再次感谢。