首先，所有主流浏览器都支持显示属性。其次，我们都知道显示属性指定要生成元素的框的类型。
我们常用的显示属性值是：
内联
块
内联块
没有
将显示设置为不不保留元素应该显示的空间，但可见性：隐藏将保持它。
那么，显示之间的区别是：内联、显示：块和显示：内联块
复制代码代码如下所示：
。内联{display: inline；宽度：100px；身高：100px；填充：5px；背景颜色：# F00；}
。块{显示：块；宽度：100px；身高：100px；填充：5px；背景颜色：# 0f0；}
。内联块{display: inline块；宽度：100px；身高：100px；填充：5px；背景颜色：# 00f；}
内联
内联
块
块
内联块
内联块
我们发现内联对象内联没有设置高度和宽度的属性，使其扩大和扩大。
原因是内部元素的宽度是+填充。查看内联对象的前后元素，我们会发现内联不占用一行，
其他元素将紧随其后。
块对象'块'可以设置宽，但其实际宽度是' +填充'，因为它是宽的。
看'块'的正面和背面的元素，我们会发现'块'是一条线。
然而，当我们需要div宽而不想占用一行时，我们该怎么办呢
我们需要使用'内联块'在这个时候，然后看看上面的演示，我们会发现'内联块'
也就是说，'块'的宽度和高度特征和'内联'的对等元素的功能。
然而，在IE6 / 7，衬垫的内联的宽度不受影响。
那么，显示的其他属性值呢
列表项此元素将显示为列表。
此元素中的运行将显示为块级元素或基于上下文的内嵌元素。
紧凑的CSS有价值的紧凑，但它已被删除从CSS2.1因为缺乏广泛的支持。
标记的CSS有价值的标记物，但它已被删除从CSS2.1因为缺乏广泛的支持。
表此元素将显示为一个块级表（类似于表）之前和之后的表一个换行符。
内联表此元素将显示为一个内联形式（类似于表），并且没有换行符之前和之后的表。
表格行组这个元素是显示为一组一行或多行（类似TBODY）
表头组这个元素是显示为一组一行或多行（类似于广告）
表格页脚组：此元素将显示为一组一行或多行（类似很大）
表行此元素将显示为表行（类似于TR）。
表格列组这个元素是显示为一组一个或多个列（类似于COLGROUP）。
表列将显示为单元格列（类似于列）
表单元格将显示为一个表单元格（类似于TD和TH）
表标题：该元素将显示为表标题（类似于标题）
