display:block的用法

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型， 每一个元素都有默认的display属性值 ，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。

块级元素：

      自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；

行内元素：

      自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

 

例如：链接 a、span 元素，在默认情况下是是“行内元素”，因此对a、span元素设置高度、宽度等属性，都是无效的。

         而比如div，p，li，img等默认情况下的display属性值就是“block”。

         

用法：比较常用于<a><span>这两个标签，因为他们不是块级元素，定义display：block属性强制将它改成块元素之后，定义                width、height等和长宽相关的css属性才会生效。

         如果之前曾对div设置过display：hidden，则需要重新定义。