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 只是隱藏，元素仍是佔據着空間