2010-02-16 26 views
0

有没有一种方法可以优先考虑HTML中的一个表格列?事情是,我有4列,并且内容可能会在所有单元格中改变很多。但是我希望第一列占用尽可能多的空间,所以其他三列只使用尽可能多的宽度,因为它们需要将所有内容保留在同一行上。在HTML中排列表列的优先顺序

表格本身具有固定的宽度。

回答

5

class分配给每行中的最后三个单元,如下所示:<td class="tight">。现在,像这样的CSS添加到您的样式表:

td.tight 
{ 
    width: 1px; 
    white-space: nowrap; 
} 

width规则指示你的细胞,以尽可能窄,white-space规则dictactes该单元格的内容应该在几个线永远不会换行。

此解决方案假定表格的样式为固定宽度(可能为100%)。

+0

不错!只需要将每个单元格的内容添加到“”中,并添加“nowrap”以使其在IE6 + 7中工作。 – peirix