inline与block

概念

inline与block是前端中两个基础的概念，详细的讲法应该是inline elements（内联元素），block-level elements（块级元素）。其中inline的控件会水平排布，直到一行排布满了才开始排下一行，而block的控件每次都会开启新的一行。

符合inline的组件为：span, a, strong, em, label, input, select, textarea, img, br

符合block的组件为：div, form, table, p, pre, h1~h6, dl, ul, ol

inline, block, inline-block

inline 的元素不会独占一行，多个相邻的元素会出现在同一行，直到一行放满，就会转换为下一行。inline元素的width，height属性无效

block的元素每次都会在新的行开始，默认会填充父元素的宽度

inline-block的元素呈现为inline对象，但是内容作为block进行显示。比如我们可以指定多个div横着显示，同时还可以设置每个div的宽度和高度（单纯的inline是满足这个的哦）。