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