Bootstrap

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、多个块状、默认排列从上到下

;