css 中的 display 屬性控制元素布局，具有以下屬性值：inline：元素與其他元素相鄰顯示在同一行，寬度由內容決定，高度由字體大小決定。block：元素單獨占一行，寬度默認為整個可用寬度，高度由內容決定。inline-block：兼具 inline 和 block 屬性，元素在同一行顯示，但可設置寬度和高度。flex：創建具有靈活項目大小和排列的容器元素。grid：創建網格布局，元素排列在行列中。contents：隱藏元素本身，但顯示其子元素。none：完全隱藏元素。
CSS 中 display 的屬性值
display 屬性控制元素在頁面上的布局。它具有以下屬性值：
inline
使元素在同一行上與其他元素相鄰顯示。
元素寬度由內容決定，高度通常由字體大小決定。
block
使元素在一行中單獨占一行。
元素寬度默認為整個可用寬度，高度由內容決定。
inline-block
結合了 inline 和 block 屬性的行為。
元素在同一行上顯示，但可以設置寬度和高度。
flex
創建一個具有靈活項目大小和排列的容器元素。
允許指定項目的排列方向、對齊方式和分配空間的方式。
grid
創建一個網格布局，其中元素排列在行列中。
允許精確控制元素的大小、位置和間距。
contents
隱藏元素本身，但顯示其子元素。
none
完全隱藏元素。
選擇正確的 display 屬性值
選擇正確的 display 屬性值取決于您希望如何顯示元素。以下是一些指導原則：
使用 inline 用于文本、鏈接和圖標等元素。
使用 block 用于標題、段落和按鈕等元素。
使用 inline-block 用于導航菜單項和圖像等元素。
使用 flex 用于需要靈活排列的復雜布局。
使用 grid 用于需要精確控制元素排列的網格布局。
