CSS篇(008)-塊級元素和行內元素的具體區別是什麼？

答案：

• 塊級元素(block)特性：

  • 老是獨佔一行，表現爲另起一行開始，並且其後的元素也必須另起一行顯示;
  • 寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)均可控制;

• 內聯元素(inline)特性：

  • 和相鄰的內聯元素在同一行;
  • 寬度(width)、高度(height)、內邊距的 top/bottom(padding-top/padding-bottom)和外邊距的 top/bottom(margin-top/margin-bottom)都不可改變（也就是 padding 和 margin 的 left 和 right 是能夠設置的），就是裏面文字或圖片的大小。

那麼問題來了，瀏覽器還有默認的天生 inline-block 元素（擁有內在尺寸，可設置高寬，但不會自動換行），有哪些？

答案：<input> 、<img> 、<button> 、<texterea> 、<label>。

參與互動