Display的block、inline和inli-block的区别

1、block :会独占一行，多个元素会另起一行，可以设置width、height、margin和padding属性；

2、inline：元素不会独占一行,设置width、height属性无效。但可以设置水平方向的margin和padding属性，不能设置垂直方向的padding和margin;

3、inline-block:将对象设置为inline对象，但对象的内容作为block对象呈现，之后的内联对象会被排列在同一行内。

对于行内元素和块级元素，其特点如下：

(1) 行内元素  ：

        1、设置宽高无效；

        2、可以设置水平方向的margin和padding属性,不能设置垂直方向的padding和margin;

        3、不会自动换行

(2) 块级元素 :

        1、可以设置宽高;

        2、设置margin和padding都有效；

        3、可以自动换行；

        4、多个块状、默认排列从上到下