block、inline和inline-block的区别

block

代表块级元素，占据一行的空间，不会与其他元素在同一行，可以通过width，height，margin，padding来设定四边属性

inline

代表行内元素，元素都在同一行上显示，文字和图片不会换行，宽高由内容撑开，无法手动设定weight，height

inline-block

以inline方式显示，但是可以设置width，height，margin，padding。

block和inline的结合体

行内元素和块级元素区别

• 行内元素不会自动换行，而块级元素超出宽度会自动换行
• 行内元素无法设置垂直方向是padding和margin，而块级元素四边都有效
• 行内元素无法手动设定宽高，而块级元素可以