首頁 > web前端 > css教學 > css中display屬性有哪些值

css中display屬性有哪些值

下次还敢
發布: 2024-04-26 12:51:15
原創
847 人瀏覽過

CSS中的display屬性控制元素的佈局方式,它可以取的值包括:1.區塊級元素:block、inline-block;2.列表項目:list-item;3.表格相關: table、table-caption、table-column-group、table-header-group、table-footer-group、table-row-group、table-cell、table-column、table-row;4.行內元素:inline、none ;5.特殊值:flex、grid、conten

css中display屬性有哪些值

#CSS 中display 屬性的值

display 屬性控制元素在頁面上的佈局方式。它可以取以下值:

區塊級元素:

  • #block:元素獨佔一行,佔據整個可用寬度。
  • inline-block:類似於行內元素,但允許設定寬度和高度。
  • list-item:建立一個清單項目。
  • table:建立一個表格。
  • table-caption:建立一個表格標題。
  • table-column-group:建立一個表格列組。
  • table-header-group:建立一個表格表頭組。
  • table-footer-group:建立一個表格表尾組。
  • table-row-group:建立一個表格行組。
  • table-cell:建立一個表格儲存格。
  • table-column:建立一個表格列。
  • table-row:建立一個表格行。

行內元素:

  • inline:元素與其他元素排列在同一行上。
  • none:元素不顯示。

特殊值:

  • #flex:建立一個具有靈活佈局的元素。
  • grid:建立一個具有網格佈局的元素。
  • contents:顯示元素的內容,但不顯示元素本身。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板