display:inline-block 实验

在网上找到了一下，感觉文字很多（不愿意看，好像也没有理解透），还是先自己做一个实验，如下图。

 大家再根据上图，再联系一些块级元素、内联元素就好理解了。

block元素的特点：

       总是在新行上开始；
　　高度，行高以及顶和底边距都可控制；

　　宽度缺省是它的容器的100%，除非设定一个宽度。 

inline元素的特点：  

    和其他元素都在一行上；

　　高，行高及顶和底边距不可改变；

　　宽度就是它的文字或图片的宽度，不可改变。