display:inline、block、inline-block的区别

block将元素显示为块级元素

特点

• 总是在新行上开始
• 高度，行高以及顶和底边距离都可控制
• 宽度省略是他的容器的100%。除非设置一个宽度
• div,p,h1,form,ul,li是块元素

inline将元素显示为行内元素

特点

• 和其他元素都在一行上面
• 高，行高及顶和底边距不可改变
• 宽度就是它的文字或图片的宽度，不可改变
• span，a，label，input，img，strong，em是inline元素

inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格

特点
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格