为什么CSS设计器使用display：block？

-1

我有下面的代码的图像将作为一个锚，这是框架代码：为什么CSS设计器使用display：block？

<html> 
    <div id="outer"> 
    <div id="facebookButton"> 
    <a href="url"></a> 
    </div> 
    </div> 
</html>

在CSS：

#facebookButton a{ 
    width:20px; 
    height:20px; 
    display:block; 
/*place code to load image*/ 
    }

什么display属性设置的目的是块这里？有什么好处？

的可能的复制[是什么显示之间的差：inline和显示：内联块（http://stackoverflow.com/questions/8969381/what-is-the-差显示之间-内联和 - 显示内联块） – TylerH

display属性控制元素在页面上的显示方式。它有几个值，但最常用的是：

在你的情况，<a>是一个内联元素，所以它的文本中显示的周围：

<p>This is <a href="" style="border: 1px solid blue;">a link</a> within text.</p>

而是通过改变其display属性block，这将是显示为一个div（与周围文本分开的块），您可以控制其高度和宽度：

<p>This is <a href="" style="display: block; border: 1px solid blue; width: 100px; height: 50px;">a link</a> within text.</p>

2015-10-06 01:51:56

回答