HTML：tds 的固定和可变宽度

Question

我有一个<table> 和许多 (34) 个<td>。

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

<table> 的宽度被限制在 1000px 左右。

在白天单元格中，始终显示长度为 3 的字符串，否则将不显示任何内容。

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

前三列也可以固定。

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

http://jsfiddle.net/sBYdu/

Answer 1

添加几个 css 可以实现这一点。

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

http://jsfiddle.net/nnePW/

Answer 2

table {

    table-layout: fixed;
}