## 塊元素 block * 默認獨占一行 * 沒有寬度時，默認撐滿一行 * 支持所有css命令 * 典型的塊級元素：div <br> ## 內嵌(內聯、行內) inline * 一行顯示多個 * 內容撐開寬度 * 不支持寬高 * 不支持上下的margin * 典型的行內元素：a <br> ## 行內塊 inline-block * 一行顯示多個 * 行內屬性標簽支持寬高 * 沒有寬度的時候內容撐開寬度 * 典型的行內塊元素：img <br> ## 標簽類型轉換 ~~~ /* 元素轉行內 */ div{ display:inline; } /* 元素轉行內塊 */ div{ display:inline-block; } /* 元素轉塊 */ a{ display:block; } ~~~ <br>