5

以下のコードを実行すると、画面に青いボックスが表示されます。

<!DOCTYPE html>
<html dir="ltr">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <style type="text/css">
                a {display:block;background:blue; text-indent:-9999px; float:left;}
        </style>
    </head>

    <body>
        <a>Hello World</a>
    </body>
</html>

テキストHello Worldをに変更するHelloWorldと、青いボックスが消えるのはなぜですか？

追記-私はこれをグーグルクロームで見ています。

4

1 に答える 1

5

コメントで言ったように、white-space: nowrap消えさせます。

しかし、ここで実際に何が起こっているのかわかりません。Chrome / Safari + Operaはすべて同じように動作し、「青いボックス」を表示しますが、FirefoxとIE7-9は青いボックスを表示しません。

あなたのコード： http： //jsbin.com/igewuy

white-space: nowrap「修正」あり：http： //jsbin.com/igewuy/2

于 2011-10-21T23:10:05.580 に答える