塊級、內聯、內聯塊級

在html元素中,元素會有display屬性。 display屬性默認值是block,那麼該元素是塊級元素。 display屬性默認值是inline,那麼該元素是內聯元素。 沒有元素的display默認值是inline-block。 display屬性值能夠被設置,好比能夠把塊級元素div的display的值設成inline,那麼它就變成了內聯元素,再也不獨行顯示。html

  • 塊級: block
  • 內聯: inline
  • 內聯塊級: inline-block
  1. 塊級元素 獨佔一行。 能夠設置width、height、padding、margin。 內部可包含塊級和內聯元素。
  2. 內聯元素 和其餘inline同行顯示。 不能設置width、height、padding、margin。 內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素繼續保持獨行顯示,下一個內聯元素會換行顯示。
  3. 內聯塊級 和其餘inline同行顯示。 和塊級元素同樣可設置width,height,margin,padding。 內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素會在內聯元素的內部獨行顯示,不會影響下一個內聯元素的同行顯示。
相關文章
相關標籤/搜索