塊級元素 | 內聯元素 | 內聯塊級元素 | |
---|---|---|---|
display | block | inline | inline-block |
樣式 | 每個塊級元素都從新的一行開始,並且其後的元素也另起一行 | 和其他元素都在一行上 | 和其他元素都在一行上 |
樣式設置 | 元素的高度、寬度、行高以及頂和底邊距都可設置 | 元素的高度、寬度及頂部和底部邊距不可設置,但padding/margin - top/bottom可以 | 元素的高度、寬度、行高以及頂和底邊距都可設置 |
所以inline-block有着inline的屬性和block的可變性