CSS 元素的隱藏和顯示可以通過(guò) display 屬性進(jìn)行控制。display 屬性常用的屬性值有：

display: block;          // 將元素轉(zhuǎn)換為塊級(jí)元素，即每個(gè)元素單獨(dú)占據(jù)一行，寬度默認(rèn)為父級(jí)寬度
display: none;           // 隱藏元素，元素不可見，不占據(jù)任何空間
display: inline;         // 將元素轉(zhuǎn)換為行內(nèi)元素，多個(gè)元素在同一行內(nèi)，寬度根據(jù)內(nèi)容決定
display: inline-block;   // 將元素轉(zhuǎn)換為行內(nèi)塊級(jí)元素，多個(gè)元素在同一行內(nèi)，寬度由元素本身決定
display: flex;           // 將元素轉(zhuǎn)換為彈性盒子布局，方便進(jìn)行布局管理
... // 還有其他 display 屬性值，可自行查找學(xué)習(xí)

下面舉例說(shuō)明如何使用 display 屬性進(jìn)行元素的隱藏和顯示：

// HTML 代碼如下
<div id="show-&hidden"><p>這是一個(gè)要顯示的段落</p></div>// CSS 代碼如下
#show-&hidden {
display: none;
}
// 解釋：給 ID 為 "show-&hidden" 的 div 元素添加 display: none 樣式，使其隱藏不可見
// HTML 代碼如下
<div id="show-&hidden"><p>這是一個(gè)要顯示的段落</p></div>// CSS 代碼如下
#show-&hidden {
display: block;
}
// 解釋：給 ID 為 "show-&hidden" 的 div 元素添加 display: block 樣式，使其顯示為塊級(jí)元素，元素單獨(dú)占據(jù)一行，寬度默認(rèn)為父級(jí)寬度