# display

參考資料:(<http://zh-tw.learnlayout.com/display.html>)

## block

像是`div`, `p`, `form` 都是標準的區塊元素。 一個區塊元素從新的一行開始顯示，並盡可能地撐滿容器。

## inline

`span` 是一個標準的行內元素。 可以利用 `span` 包裹一些文字片段，利用css 去增添樣式，而不會影響版面配置。 像是 `a` 就是很常見的一種。

## none

這也是一種很常用的 `display` 值，通常會搭配 JavaScript 去使用，用來隱藏或顯示該元素。

要注意 `display` 跟 `visibility` 屬性不一樣，把 `display` 設定成 `None` 不會保留元素原本的顯示空間，但是 `visibility:hidden` 雖然看不到，但還是會保留原本的顯示空間。

## 其他

### list-item

### table

這些請去看參考資料內所提供的詳細列表吧 \~ ^^

## 補充說明

每個元素都有預設的 display 屬性，雖然說把 div 修改成行內元素好像滿怪的XD

比較常見的方式，是把 li 修改成行內元素，使其可以呈現在水平的同一行上。