网页的元素总体可以概括为两大类：

1、块状对象（block）

2、内联对象（inline）

一、什么是块状（block）对象？

无论宽度多少，都独占一个通栏的，不能和别的对象并排在一起的就是。

比如h1~h6,div,ul,li,p等元素。

可以通过浮动（float）实现块状元素的并排，但是会产生高度不自适应和对后面对象产生影响的后果。

二、什么是内联（inline）对象？

可以并排在一起的，但是不能设置宽高的。对象的宽高和内容保持一致。

比如a,span等元素。

三、什么是内联块状（inline-block）对象？

既有内联对象的并排特征，又具有宽高的对象。

典型的就是图像img

如果要消除内联对象之间默认的间隔，只需要让标签不要换行即可。

<ul>     
    <li>one</li><li>two</li><li>three</li> 
</ul>

四、什么是display:none呢？

隐藏对象，不仅隐藏内容，还包括在网页上的占位都要隐藏。和visibility:hidden有区别。visibility:hidden只隐藏内容，占位还保留在网页上。

查看案例

案例下载

display.rar