保留表固定大小的列

Question

我目前正在構建一個網站，並且頁面的一部分在外部3列表的中間列內有一個表。我正試圖在窗口被調整大小的時候讓內表（或者更大的表的中間列）不能改變大小。

當前當窗口被調整大小時，大表的兩個外部列全部縮小，縮小中間列，從而縮小該列的內部表。我希望調整大小隻能從大表的外欄移開，而不能調整中間欄的大小。我希望這是有道理的。 #tableception

Answer 1

我相信你可以使用CSS，並放置在你有你的主表中的中心表一個固定的寬度。我假設你的中心表的ID爲「centertable」：

<style type='text/css'> 
#centertable { 
    width: 200px; 
} 
</style> 

<table id="centertable"> 
.... 
</table> 

這將修復寬度爲200px。您可以使用CSS min-width屬性來設置最小寬度（允許表只縮小到特定大小），和/或max-width屬性以設置最大寬度。

Answer 2

顯而易見的答案似乎是爲不希望更改的列設置特定的寬度（如果我理解正確，則爲中間的那個寬度）。不過，如果你還發布了一些代碼甚至是fiddle，這將會非常有幫助。

Answer 3

要選擇中間一欄，你可以使用：

table tr td+td { 
    width: 200px; //Your preferred width 
} 

//OR 
table tr td:nth-child(odd) { 
    width: 200px; //Your preferred width 
} 

Answer 4

在第一列單元格中放置固定寬度（可能是<th>）。示例：

th.middle-column { 
    with: 300px; 
}