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

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

请查看输出：http: //jsfiddle.net/38bf2/

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

score 23 · Accepted Answer

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

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

score 1 · Accepted Answer

使用以下代码

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

score 1 · Accepted Answer

1

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

于 2013-01-21T05:07:49.400 回答

3 回答 3