1. 程式人生 > >display取值的用法

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屬性值.