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

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