display:block(块级元素 )
会独占一行, 多个 block 元素会各自新起一行. 默认情况下, block 元素宽度自动填满其父级宽度
display:inline(内联 (行级) 元素 )
不会独占一行, 多个相邻的行内元素会排列在同一行里, 直到一行排列不下, 才会新换一行, 其宽度随元素的内容而变化
display:inline-block
既具有 block 的宽度高度特性又具有 inline 的同行特性
来源: http://www.bubuko.com/infodetail-3112107.html