参考 https://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block
An inline-block element is placed as an inline element (on the same line as adjacent content), but it behaves as a block element.
display: inline-block总结:
- 可以让其他元素在它的左边或者右边(inline特性)
- 可以设置上下内边距(padding)和外边距(margin)。注意,inline原本可以设置左右的padding和margin。
- 可以设置高度和宽度(block特性)