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 只是隐藏，元素还是占据着空间

转载于:https://www.cnblogs.com/hikki-station/p/10546941.html