首頁  >  文章  >  web前端  >  css中的display屬性有哪些值?各有什麼作用?

css中的display屬性有哪些值?各有什麼作用?

王林
王林轉載
2020-07-31 16:21:218181瀏覽

css中的display屬性有哪些值?各有什麼作用?

display屬性值介紹:

(建議教學:css快速入門

  • ##none此元素不會被顯示。   

  • block    此元素將顯示為區塊層級元素,此元素前後會帶有換行符號。   

  • inline    預設。此元素會被顯示為內聯元素,元素前後沒有換行符號。   

  • inline-block    行內區塊元素。 (CSS2.1 新增的值)    

  • list-item    此元素顯示為清單。   

  • run-in    此元素會依上下文顯示為區塊級元素或內聯元素。   

  • compact    CSS 中有值 compact,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。   

  • marker    CSS 中有值 marker,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。   

  • table    此元素會以區塊級表格顯示(類似 ),表格前後有換行符號。   

  • inline-table    此元素會以內嵌表格顯示(類似
  • ),表格前後沒有換行符號。   

  • table-row-group    此元素會作為一個或多個行的分組來顯示(類似
  • )。   

  • table-header-group    此元素會作為一個或多個行的分組來顯示(類似
  • )。

    (影片教學建議:

    css影片教學) 

    • table-footer-group    此元素會作為一個或多個行的分組來顯示(類似
    )。   

  • table-row    此元素會顯示為一個表格列(類似
  • )。   

  • table-column-group    此元素會以一個或多個欄位的分組來顯示(類似
  • )。

  • table-column    此元素會顯示為一個儲存格列(類似
  • )    

  • table-cell    此元素會作為一個表格單元格顯示(類似
  • )    

  • table-caption    此元素會顯示為一個表格標題(類似
  • )   

  • inherit    規定應該從父元素繼承display 屬性的值。   

  • #

    以上是css中的display屬性有哪些值?各有什麼作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    陳述:
    本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除