javascript - 生成的 HTML 表格我已经成功地间接更改了几个...除了这个特定的表格

Question

我的网站有这些交互式表格，这些表格在教师测试学生时激活之前是惰性的。后端由 vendor 控制，我是一个底层的 Web 开发人员，负责清理前端的困惑，让事情看起来很漂亮。我已经设法通过 CSS 和 JS 间接更改了几个表，但我无法将任何 HTML 内容直接应用到表中，因为它是在页面加载时生成的。这个特殊的表格很令人困惑，它不会缩小到 720px。我尝试了从 adddClass、nth-child、固定大小等所有内容。我最后的尝试是编写一个为 td 设置属性的函数。它有效并且会显示在开发人员工具上，但实际的表格根本没有缩小。我已经连续工作了 24 多个小时，所以我可能只是累了，而且没有意识到简单的错误。不管怎样，这是我的demo 。非常感谢您的帮助，非常感谢。

Answer 1

我刚刚发现这个:Why is my table cell width wrong in Chrome? 表格有一个名为 table-layout 的属性，默认设置为 auto。它使表格变得灵活，并能够动态分配列宽。这样设置我的流氓表:

table-layout: fixed; width: 100%

让它表现良好并遵守我分配给它的宽度。以下是 table-layout 的更多详细信息

Demo

编辑:我忘了提一下，这种情况只发生在 Chrome 中，但在 Firefox 和一定程度上的 IE 中(这有点偏离，但这就是你对半生不熟的浏览器的期望)作品)，还可以。