1

これは非常に単純な html ページです。IE (チェック 8,10) では、テキストがコンテナーを超えています。しかし、FF、Chrome ではそのような問題は発生しません。

<!DOCTYPE html>
<html>
    <body>  
        <div style="display:inline-block;border:1px solid black">       
        <table>
            <caption><nobr>I' m table caption</nobr></caption>                                                                                      
        </table>                                            
    </div>  
    </body>
</html>

表の「キャプション」タグが原因のようです。IEで動作が異なる理由を誰かが知っていますか? ありがとう。

4

1 に答える 1

0

問題の原因はdisplay:inline-blockdiv スタイルにあります。

スタイルでの動作については、次のJSFiddledisplay:blockを参照してください。次の SO の質問は、これに役立つはずです。

IE での CSS 表示のインライン ブロックの問題

編集：

このFiddleから、@MrLister が説明しているように、IE がキャプションを含むテーブル幅を正しく計算していないように見えます。

于 2013-10-09T07:54:46.750 に答える