CSS（三）display, visibility

内联元素inline-element

和其余元素在同一行。

能够设置：

    padding【可是只会影响水平方向上的其余元素，垂直方向不会有任何影响】

    margin-left,  margin-right

不能够设置：

    width,  height  margin-top,  margin-bottom,   line-height

常见元素：

    a,  br,  input,  span,  b

 

【解决方法：】

    display: block   将一个内联元素变成块元素

   块元素将会占据整行。若是立刻另在元素下面接一个内联元素，内联元素会显示在这个块元素之下

 

【变成行内块元素，这个内联元素就会显示在同一行】

    display: inline-block

 

对于块元素，经过display: inline变成内联元素

 

 

display: none  不显示，直接消失，不占据空间了

visibility: hidden 只是隐藏，元素仍是占据着空间