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 屬性的值
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中文網其他相關文章!