1. 程式人生 > >說 display 屬性有哪些?可以做什麼?

說 display 屬性有哪些?可以做什麼?

  • inherit:規定應該從父元素繼承 display 屬性的值。
  • block:變成一個塊元素,單獨佔一行,可以設定width,height,maigin四個方向,padding四個方向;
  • inline:變成一個行內元素,元素的寬度就是它內容的寬度,不可改變。
  • inline-block:變成一個行內塊元素,和內聯元素在同一行,但自身相當於塊級元素,可以設定width,height等屬性。
  • none:隱藏該元素,不佔空間。但對開發來說真實存在,可以獲取被隱藏的元素。 list-item:此元素會作為列表顯示。
  • table:此元素會作為塊級表格來顯示(類似 < table >),表格前後帶有換行符。
  • table-row:此元素會作為一個表格行顯示(類似 < tr >)。 table-cell:此元素會作為一個表格單元格顯示(類似 < td > 和 < th >)。