display:設置元素的顯示方式（主要大小和位置）
block | inline | inline-block | none

1.display:block

。默認寬度為父元素寬度
?？稍O置寬高
。換行顯示
默認為display:block元素：div,p,h1-h6,ul,form...

2.display:inline

。默認寬度為內容寬度
。不可設置寬高
。同行顯示
默認display:inline元素：span,a,label,cite,em...

Paste_Image.png

3.display:inline-block

。默認寬度為內容寬度
?？稍O置寬高
。同行顯示
。整塊換行
默認display:inline-bolck元素：input,textarea,select,button...

4.display:none

display:none vs visibility:hidden

5.塊級元素水平居中

.content{margin:0 auto;}

6.居中導航

text-align:center; diaplay:inline-block;