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/

PS
我已经尝试通过Chrome和Firefox查看结果了.

Answer 1

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

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

jsFiddle例子