td的最大宽度为50％

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%
}

我想将td的最大宽度设置为50%，但它对我不起作用...
希望有人可以帮忙解决这个问题。

请查看http://jsfiddle.net/38bf2/

上的输出

P.S。
我已经尝试通过Chrome和Firefox查看结果。

Answer 1

添加table-layout:fixed;。将表格上的CSS更改为：

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

<强> jsFiddle example

Answer 2

而不是max-width尝试width:50%;

Answer 3

使用以下代码

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