HTML：tds的固定宽度和可变宽度

Question

i have a <table> and many (34) <td> .

I want to display three variable cells eg "name", "hobby1", "hobby2" and then I need to display 31 cells (for each day).

The width of the <table> is limited to about 1000px.

In the day cells always a string of the length 3 shall be displayed or nothing.

My problem is that, the cells never have the same width even if set with css.

The first three columns may be fixed too.

How can I manage my table, that all day <td> s (1-31) have the same width - no matter if the content is nothing or XXX?

http://jsfiddle.net/sBYdu/

Answer 1

A couple of css additions can achieve this.

• Use a fixed table-layout
• Apply width to your table header not the table cell
• Apply word wrapping to the table cells

http://jsfiddle.net/nnePW/

Answer 2

table {

    table-layout: fixed;
}