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