固定宽度的HTML表格,只有一个适应列

概述如何制作 HTML双列表,其中第一列仅占用所需的宽度,但第二列填充固定的总表宽度？因此,更改第二列内容不会重新平衡第一列和第二列之间的空间,而不会为第一列指定固定宽度. 您可以使用 td:first-child + td { width: 100%; } 在CSS中.这适用于现代浏览器. IE的旧版本(直到IE 6)不理解这里使用的“高级”选择器;对他们来说,你可以使用 <col><col wid 如何制作 HTML双列表,其中第一列仅占用所需的宽度,但第二列填充固定的总表宽度？因此,更改第二列内容不会重新平衡第一列和第二列之间的空间,而不会为第一列指定固定宽度.解决方法 您可以使用

td:first-child + td { wIDth: 100%; }

在CSS中.这适用于现代浏览器. IE的旧版本(直到IE 6)不理解这里使用的“高级”选择器;对他们来说,你可以使用

<col><col wIDth="100%">

在< table>之后的HTML中(它对现代浏览器没有任何害处)标记和表行之前.

如果单元格包含空格或者可以在两条或更多条线上分割,则“它需要的宽度”这个概念有些模糊.如果“foo”和“bar”要保持在同一条线上,那么带有“foo bar”的单元格需要更多空间.默认情况下,浏览器可能会拆分它们您可以通过说明来阻止CSS

td:first-child { white-space: nowrap; }

总结

以上是内存溢出为你收集整理的固定宽度的HTML表格,只有一个适应列全部内容，希望文章能够帮你解决固定宽度的HTML表格,只有一个适应列所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。