display取值的用法

                                              display

         display的取值分别是none、block、inline-block、inline.

    block: 元素会独占一行,每个block元素会各自新起一行,默认情况下,block元素宽度会自动填满其父元素宽度.

                  元素可以设置margin、padding、height、width等属性值.

     inline：元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到行满,才会换行,宽度随内容的改变而改变.

                 设置width height属性无效,可以将其改成块级元素或者行内块级元素或者浮动后,才能有效设置长度和宽度.

                 水平方向的margin padding产生效果,但是垂直方向上的没有样式效果.

    inline-block:行内块级元素,对象呈现为inline对象,但是对象的内容以block形式存在,可出现在同一行内,可以设置

                margin、padding、width、height属性值.