display的作用和分类

display的值

none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。

作用：

1.可以将块级元素转换为行内元素（转换完之后原来设置的宽高信息失效）(inline)

2.可以将块级元素转换为行内块元素(转换完之后块级元素会在一行显示并且有宽高信息)(inline-block)
3.可以将行内元素转换为块级元素(转换完之后行内元素会换行显示并且可以设置宽高)(block)
4.可以将行内元素转换为行内块级元素(转换完之后行内元素会在一行显示并且可以设置宽高)(inline-block)
5.img的display设置为inline的时候，同样可以设置宽高
6.img的align默认情况下是和文字底部对齐（不是和块底部对齐）