0

これは奇妙な質問に思えるかもしれません。この簡単な例では、セレクター h3 に width: 0 を設定しています。IE 9 を使用して F12 開発ツールを使用すると、幅が実際には 0 であることがわかりますが、h3 内のテキストは表示されますが、0 よりも確実に長くなります。

<!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Chapter 5: Indestructible Boxes</title>
        <style type="text/css" media="screen">
           body 
           {
              font-family: Arial, sans-serif;
              font-size: small;
            }

            h3
            {
               background :blue;
               width:0px;
            }
        </style>
    </head>

    <body>
    <h3>Gifts and Special Offers v Gifts and Special Offers Gifts and Special 
        Offers</h3>
    </body>
 </html>

//トニー

4

3 に答える 3

2

追加overflow: hidden;:

h3
{
   background :blue;
   width:0px;
   overflow:hidden;
}
于 2013-08-24T11:35:20.423 に答える
1

通常、幅は < h3> タグの有効な属性ではありません。非表示にするには、次を使用します。

h3
{
   display: none;
}
于 2013-08-24T11:34:48.577 に答える
0

h3のテキストを非表示にしたい場合は、使用できます

 h3
        {
           background :blue;
           width:0px;

          overflow:hidden
        }

また

     h3
            {
               background :blue;
               width:0px;
               display:none
        }
于 2013-08-24T11:39:38.603 に答える