HTML 表格列宽实践

Question

在表格中选择列宽时有哪些好的做法？假设我有四列，名称(可变宽度)、描述(文本的长内容)、计数(最多 3 个字符)、日期(固定格式)。

什么是好的做法？我在考虑描述、计数和宽度的固定宽度(因此实际上也使名称成为“固定”宽度)。但我真正的问题是，如何选择特定的宽度尺寸。例如，如果日期格式是 yyyy-MM-dd 是否有一些技巧可以将这 10 个字符转换为宽度，这将保证它在使用任何字体和字体大小的任何浏览器中显示正常(也不会占用任何过多的空间)?

编辑:对于固定，我的意思是类似于“相对于字体宽度的固定像素数量”

Answer 1

您可以在所有要拉伸(stretch)的单元格上声明 white-space: nowrap;，而无需使用额外的空间(名称、日期、计数)，然后简单地给出您的剩余单元格宽度为 100%。这样 100% 宽的单元格将尽可能地扩展，而不会导致其他单元格在多行上折叠。