只有一列的固定宽度HTML表

只有一列的固定宽度HTML表,html,html-table,Html,Html Table,如何制作一个HTML两列表格,其中第一列只占所需的宽度,而第二列占固定的总表格宽度?因此,如果不为第一列指定固定的宽度,更改第二列内容不会重新平衡第一列和第二列之间的空间。只需添加 style="width: 100%" 转到要展开的表格单元格。您可以使用 td:first-child + td { width: 100%; } 在CSS中。这适用于现代浏览器。旧版本的IE(直到IE 6)不理解这里使用的“高级”选择器;对于他们,你可以使用 <col><col width=

如何制作一个HTML两列表格,其中第一列只占所需的宽度,而第二列占固定的总表格宽度?因此,如果不为第一列指定固定的宽度,更改第二列内容不会重新平衡第一列和第二列之间的空间。

只需添加

style="width: 100%"
转到要展开的表格单元格。

您可以使用

td:first-child + td { width: 100%; }
在CSS中。这适用于现代浏览器。旧版本的IE(直到IE 6)不理解这里使用的“高级”选择器;对于他们,你可以使用

<col><col width="100%">

好的,有没有不修改表列本身的解决方案?像CSS或标签魔术…像“”这样的东西听起来很酷,不幸的是nowrap不在Chrome浏览器上工作。空白:nowrap在Chrome中工作。也许只是不在COL标签上。将其应用于TDI,因为COL可以选择应用于整个td列的任何选项。有一点遗憾的是,它不是,将是非常有用的。要将其应用于TD,我必须在每个TD上扩展带有类名属性的HTML。哦,刚才看到了Jukka的答案,其中包含一个没有类名属性的CSS解决方案。这很好。对于“短键、长值”样式列表来说,这两者看起来都很不错。我以前不知道“+”选择器。
td:first-child { white-space: nowrap; }