HTML:固定和可变宽度的tds

时间:2012-02-02 14:08:58

标签: html html-table width cell

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

我想显示三个可变单元格,例如“name”,“hobby1”,“hobby2”,然后我需要显示31个单元格(每天)。

<table>的宽度限制为约1000像素。

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

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

前三列也可以修复。

我如何管理我的桌子,整天<td> s(1-31)的宽度相同 - 无论内容是什么还是XXX?

http://jsfiddle.net/sBYdu/

2 个答案:

答案 0 :(得分:3)

添加几个css可以达到这个目的。

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

http://jsfiddle.net/nnePW/

答案 1 :(得分:0)

table {

    table-layout: fixed;
}