IE9互換モードで列の幅をその内容に適合させる方法は？

StackOverflow https://stackoverflow.com/questions/8306114

  •  25-10-2019
  •  | 
  •  

質問

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行目の最初の列の幅をコンテンツの長さに合わせてほしいと思うようにします（そのため、幅= "1px"を配置します）。平均的には、テーブル幅の幅が、その境界divの最大幅に及ぶのではなく、テーブル内の最長のコンテンツの長さ（最初の行）にぴったり合うようにしたいと考えています。

以下に示すように、互換性モードをオフにしてFirefoxとIE9で動作します。

firefox

ただし、IE 9互換モードでは、示されているように機能しません。

ie compatibility mode

何らかの理由で、IE9で互換性モードをオフにすることはできません。互換性モードのようにテーブルをスタイリングする方法はありますか？

前もって感謝します。

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

役に立ちましたか？

解決

あなたが提供したものを見ると、それがあなたのファイルでそれがどのようにセットアップされているかであるならば、あなたは厳格なモードで作業していて、開口部を欠いています。

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; }
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top