生成的HTML表，我已經成功地間接地改變了幾個...除了這個特定的一個

Question

我的網站有這些交互式表，它們是惰性的，直到他們在測試學生時由教師激活。後端由供應商控制，我是低調的Web開發人員，他們清理了前端的亂七八糟的事情，所以事情看起來很可觀。我設法通過CSS和JS間接地改變了幾個表格，但是我無法直接將HTML應用到表格中，因爲它是在頁面加載時生成的。這個特別的表是令人困惑的，它不會縮小到720px。我試過adddClass,nth-child,0.，固定大小等等。我最後一次嘗試是編寫一個函數，將屬性設置爲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（這是一個有點過，但是這是你會什麼期待從一件半成品），都沒問題。