max-width 50% cho td

Question

HTML

<table> 
    <tr> 
     <td>td1td1td1td1 td1td1td1td1td1td1td1td1td1td1td1</td> 
     <td>td2</td> 
    </tr> 
</table> 

CSS

td{ 
    border:black thin solid; 
    max-width:50%; 
} 
table{ 
    width:100% 
} 

Tôi muốn thiết lập chiều rộng tối đa của td-50%, nhưng nó không phải đang làm việc cho tôi ...
Hy vọng ai đó có thể giúp đỡ về điều này.

Hãy xem kết quả trên: http://jsfiddle.net/38bf2/

T.B.
Tôi đã cố xem kết quả qua Chrome và Firefox.

Answer 1

Thêm table-layout:fixed;. Thay đổi CSS của bạn trên bảng để:

table{ 
    width:100%; 
    table-layout:fixed; 
} 

jsFiddle example

Answer 2

Thay vì max-width thử width:50%;

Answer 3

Sử dụng đoạn mã sau

td{ 
    border:black thin solid; 
    max-width:50%; 
    width:50%; 
} 
table{ 
    width:100%; 
}