在html元素中,元素會有display屬性。 display屬性預設值是block,那麼該元素是塊級元素。 display屬性預設值是inline,那麼該元素是內聯元素。 沒有元素的display預設值是inline-block。 display屬性值可以被設定,比如可以把塊級元素div的display的值設成inline,那麼它就變成了內聯元素,不再獨行顯示。
- 塊級: block
- 內聯: inline
- 內聯塊級: inline-block
- 塊級元素 獨佔一行。 可以設定width、height、padding、margin。 內部可包含塊級和內聯元素。
- 內聯元素 和其他inline同行顯示。 不能設定width、height、padding、margin。 內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素繼續保持獨行顯示,下一個內聯元素會換行顯示。
- 內聯塊級 和其他inline同行顯示。 和塊級元素一樣可設定width,height,margin,padding。 內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素會在內聯元素的內部獨行顯示,不會影響下一個內聯元素的同行顯示。