页面制作-CSS-布局-display 2.17

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

1.display:block

。默认宽度为父元素宽度
。可设置宽高
。换行显示
默认为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

。默认宽度为内容宽度
。可设置宽高
。同行显示
。整块换行
默认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;