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