inline、inline-block与block的主要区别就是：

• block元素前后有换行，一般占满父元素的整个宽度
• inline、inline-block前后无换行，允许元素水平一个接一个排列

display:block

==display:block==

==display:block==

==display:block==

display:inline

display:inline ==display:==

==inline== display:inline

display:inline-block

==display== display display

==:block== :block :block