块级元素 | 内联元素 | 内联块级元素 | |
---|---|---|---|
display | block | inline | inline-block |
样式 | 每个块级元素都从新的一行开始,并且其后的元素也另起一行 | 和其他元素都在一行上 | 和其他元素都在一行上 |
样式设置 | 元素的高度、宽度、行高以及顶和底边距都可设置 | 元素的高度、宽度及顶部和底部边距不可设置,但padding/margin - top/bottom可以 | 元素的高度、宽度、行高以及顶和底边距都可设置 |
所以inline-block有着inline的属性和block的可变性
一点点update:还是flex好用