3.7 排版 - 關於 display 屬性

每一個 HTML 標籤，預設上都有自己的 display 屬性，也都可以透過 CSS 來改變其預設。常見的值有：

• inline：行內元素，例：<span>、<a>。對行內元素設定 width 和 height 都會失效。

• inline-block：行內區塊元素。對行內區塊元素設定 width 和 height 會有效。

• block：區塊元素，例：<div>、<p>。會開始於新的一行，並且佔滿父元素整個寬度。

• none：若設定此值，元素會於頁面中消失，不會佔住原來的空間位置，但仍然存在於頁面原始碼當中。

測試範例：