在HTML中优先考虑表格列

pei*_*rix 0 html html-table

有没有办法在HTML中优先处理一个表列?问题是,我有4列,所有单元格中的内容可能会发生很大变化.但是我希望第一列占用尽可能多的空间,因此其他3列只使用所需的宽度来保持一行上的所有内容.

桌子本身有一个固定的宽度.

Jør*_*ode 6

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

td.tight
{
    width: 1px;
    white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)

width规则指示您的单元格尽可能窄,并且white-space规则规定单元格的内容不应该包裹多行.

该解决方案假设该表的样式具有一定的固定宽度(可能为100%).