0

IE で固定幅を設定しているのに、最初の列幅が大きすぎるのはなぜですか?

私のコード:

<!DOCTYPE html>
<html >
<head>
    <title>Test</title>
</head> 
<body>
<table  width="100%" border="1">
<tr>
    <td style="width:180px;"> 2 </td>
    <td>6 </td>
</tr>
<tr>
    <td colspan="2" >
            lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        lskdjf lskfj lskjf lksfj lksf lksd flksflksfj lskf jlksf jlk        
    </td>   
</tr>    
</table>
</body>
</html>

出力:

出力 最初の列の幅が 180px に設定されている場合、最初の列が大きすぎます

<td style="width:180px;">
4

1 に答える 1

1

ローカル Internet Explorer モード「修正」

IE の Document Mode をIE5 quirksに変更することによってのみ、この問題を再現することができます。デフォルトでは、使用しているバージョンに関係なく、JSFiddle は標準モードでロードする必要があります。

これを修正するには、キーボードを叩いF12て IE の開発者ツールを開き、表示される UI のトップ バーで [ドキュメント モード] を選択し、これを [標準 (ページの既定値)] に変更します。

IE 修正

IE5 Quirks モードの CSS 修正

または、テーブルに fixed を指定するだけで、IE5 quirks モードでこれを修正できますtable-layout。CSS に以下を追加するだけです。

table {
    table-layout:fixed;
}

これは、更新された JSFiddle デモです。

于 2013-10-07T11:50:39.977 に答える