在 CSS 中，我們可以使用顯示屬性控制 HTML 元素如何顯示。

display: block;

block 元素會占據其父元素的整個寬度，并在下面創建新的一行。常見的 block 元素有 <div>、<p>、<h1> ~ <h6> 等。

display: inline;

inline 元素不會獨占一行，它只要有足夠的空間就會排在一行上。常見的 inline 元素有 <img>、<a>、<span> 等。

display: inline-block;

inline-block 元素既可以像 inline 元素一樣排在一行上，又可以像 block 元素一樣設置寬高和內邊距。它常用于創建按鈕、表單元素等。

display: none;

none 元素將完全不顯示。這個屬性通常用于動態地顯示或隱藏元素，或通過 JavaScript 動態地更改內容。

display: flex;

flex 屬性可以將容器內的子元素轉換為彈性盒子，根據設定的彈性布局方案調整元素的大小、位置和排列順序。它常用于響應式設計和移動端布局。