HTML：tds 的固定和可变宽度

Question

我有一个 和许多 (34)

。

我想显示三个变量单元格，例如“name”、“hobby1”、“hobby2”，然后我需要显示 31 个单元格（每天）。

的宽度限制为大约 1000px。

在日单元格中，始终应显示长度为 3 的字符串，或者不显示任何内容。

我的问题是，即使使用 css 设置，单元格也永远不会具有相同的宽度。

前三列也可能是固定的。

我如何管理我的表格，让全天 s (1-31) 具有相同的宽度 - 无论内容是空还是 XXX？

http://jsfiddle.net/sBYdu/

Answer 1

添加一些 CSS 就可以实现这一点。

• 使用固定的表格布局
• 将宽度应用于表格标题而不是表格单元格
• 将自动换行应用于表格单元

http://jsfiddle .net/nnePW/

Answer 2

table {

    table-layout: fixed;
}