保持表的列固定大小

时间:2016-07-06 21:23:25

标签: css sass

我正在构建一个站点,页面的一部分在外部3列表的中间列中有一个表。我试图让内部表(或更大的表的中间列)在调整窗口大小时不改变大小。

目前,当窗口调整大小时,大表的两个外部列都缩小在一起,这会缩小中间列,从而使我的表在该列内部缩小。我希望调整大小只能从大表的外部列中删除,而不是调整中间列的大小。我希望这是有道理的。 #tableception

4 个答案:

答案 0 :(得分:0)

显而易见的答案似乎是为您不想更改的列设置特定宽度(如果我理解正确,则为中间版本)。但是,如果您还发布了一些代码甚至是fiddle,那将非常有用。

答案 1 :(得分:0)

要选择中间列,您可以使用:

related_name

答案 2 :(得分:0)

我相信你可以使用CSS并在主表中的中心表上放置一个固定的宽度。我假设你的中心表的id为“centertable”:

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

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

这会将宽度修复为200px。您可以使用CSS min-width属性设置最小宽度(允许表仅缩小到特定大小),和/或max-width属性以设置最大宽度。

答案 3 :(得分:0)

在第一个列单元格中放置一个固定宽度(可能是<th>)。例如:

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