0

这似乎是一个奇怪的问题。在这个简单的示例中，我为选择器 h3 设置了宽度：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 回答