盒的类型
1.基本类型
block、inline、inline-block
inline-block特点：
1.只能设置width
2.可以分列显示，默认垂直对齐方式是底部对齐。为了改成顶部对齐，需要在div元素中加入vetical-align:top属性。
3.显示水平菜单
2.inline-table类型
table是块级元素。
image.png
image.png
image.png
4.list-item类型
将display设为list-item类型，多个元素可作为列表显示。
list-style-type属性将列表标记设为circle，显示为空心小圆。
image.png
image.png
5.run-in类型与compact类型
run-in：如果元素后跟block，则run-in元素被包含在block的元素内部；compact在block元素左边。
image.png
image.png
image.png
6.表格相关类型
image.png
image.png
7.none类型
元素被指定为none类型后，不会显示
8.浏览器对于各种和类型支持情况
image.png
网友评论