HTML表格的寬度問題

Question

我認爲自己精通CSS和HTML，但我無法弄清楚HTML表格中的其中一列的問題。這裏的鏈接：

http://stormaware.net/reports.php

我在這已經工作了相當長一段時間，並已使用固定寬度，最小寬度，最大，寬度和無法弄清楚如何獲得最後一列（在評論下）大小正確時大小減少。如果你減少並增加瀏覽器窗口，你會看到表格調整大小以適應。儘管當你足夠減少瀏覽器窗口時，最後一列彈出到下一行。

我知道，這是不響應，等等，我們正在做所有的工作後來，但現在我只是試圖讓評論欄中的內容減少寬度和適合它是自己的專欄。

任何幫助將不勝感激。

Answer 1

該解決方案爲我工作，當我在Chrome測試它..也這是一個有點出問題..

th[scope="row"] table.reports_table tr td { 
    padding: 8px 10px; 
    color: black; 
    float: left; /*Remove this */ 
} 

Answer 2

如果含量增加到小於表的大小更多的，它通常會溢出。將表格佈局設置爲「固定」，這將防止內容溢出。 你的情況：

.table.reports_table { 
table-layout:fixed; 
} 

當表格的佈局是固定的，最小寬度是在桌子上的元素幾乎沒用。所以把它們改爲寬度。在你的情況下：

.th[scope="row"] table.reports_table tr td:nth-child(10) { 
width: 440px; 
} 

打破單詞以適應表格中所有td的單元格。 在你的情況：

.reports_table{ 
    word-break: break-all; 
}