答案: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
參與互動圖片