1

HTMLに次の表があります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
    table, td, tr, th{
        border:1px;
    }

    .onepx{
        width:1px;
    }
</style>


<div style="max-width:700px;">
    <table>
        <tr><td colspan="2">this is a loooooooooooooooong text</td></tr>
        <tr><td class="onepx">a:</td><td>b</td></tr>
        <tr><td class="onepx">c:</td><td>d</td></tr>
    </table>
<div>

2 行目と 3 行目の最初の列の幅をコンテンツの長さにちょうど合うようにしたい (そのため、そこに width="1px" を配置します)。その間、境界の div の最大幅にまたがるのではなく、テーブル内の最長のコンテンツ (最初の行) の長さにちょうど合うように幅をテーブルにしたいと考えています。

以下に示すように、互換モードがオフになっている Firefox および IE9 で動作します。

ファイアフォックス

ただし、IE 9 互換モードでは、示されているように期待どおりに動作しません。

つまり、互換モード

どういうわけか、IE9 で互換モードをオフにできません。互換モードのようにテーブルのスタイルを設定する方法はありますか?

前もって感謝します。

PS。IE9互換モードを強調せずに同様の質問をしました。この質問は、前の質問から情報を取得した後に提起されます。新しい要件があるため、この質問を前の質問にマージする必要があるかどうかわかりません。何かアドバイスがあれば教えてください。

4

1 に答える 1

2

あなたが提供したものを見て、それがあなたのファイルでどのように設定されているかを見て、厳密モードで作業していて、開始と .

IE9 モードの変更に関しては、F12 を選択すると、ブラウザとドキュメント モードを変更できます。

また、頭に追加することを忘れないで<meta http-equiv="X-UA-Compatible" content="IE=9" >ください。

テーブル スタイルは CSS に移行する必要があります。

あなたも試すことができます：

テーブル：

<table class="fixed">
    <col width="10px" />
    <tr>
        <td>text</td>
    </tr>
</table>

CSS:

table.fixed { table-layout: fixed; }
table.fixed td { overflow: hidden; }
于 2011-11-29T21:00:59.763 に答える