保留表固定大小的列

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; 
}