正如所有元素都有position属性,所有元素也都有display属性。尽管display属性的值
有很多,但大多数元素display属性的默认值不是block,就是inline。要是你在我们讲
块级元素,比如段落、标题、列表等,在浏览器中上下堆叠显示。
行内元素,比如a、span和img,在浏览器中左右并排显示,只有前一行没有空间时才
会显示到下一行。
把块级元素变成行内元素(或者相反)的魔法如下:
/默认为block/
p {display:inline;}
/默认为inline/
a {display:block;}
这种转换可以让原先的行内元素填满其父元素。本书后面在介绍到CSS下拉菜单的时候,就
会用到这个技巧。
display属性还有一个值有必要提一下,就是none。把元素的display设定为none,该元
素及所有包含在其中的元素,都不会在页面中显示。它们原先占据的所有空间也都会被“回
收”,就好像相关的标记根本不存在一样。与此相对的是visibility属性,这个属性最常
用的两个相对的值是visible(默认值)和hidden。把元素的visibility设定
为hidden,元素会隐藏,但它占据的页面空间仍然“虚位以待”