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

答案:git

  • 塊級元素(block)特性:github

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

    • 和相鄰的內聯元素在同一行;
    • 寬度(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>。code

參與互動圖片

相關文章
相關標籤/搜索