CSS显示

概述
display属性是使用CSS进行网页布局的重要属性之一，用于规定元素是否显示或如何显示。其常用的属性值有以下五种。
可选值 解释
none 不显示 隐藏元素 且不为隐藏的对象保留其物理空间
block 块元素 将元素作为块元素显示 <div>、<p>等标签自带该属性设置
inline 行元素 将元素作为行元素显示 <a>、<span>标签自带该属性设置
inline-block 行内块元素 元素既有块元素的宽和高属性，又能像行元素一样不独占一行显示 <img>标签自带该属性设置
flex 弹性盒 将元素作为弹性盒显示（详见下一节）
1.none（不显示）
隐藏元素，且不为隐藏的对象保留其物理空间。这一功能经常被应用于JavaScript交互控制效果，如选项卡、轮播图等。
	
.display_class_test1{
	display: none;
}
2.block（块元素）
将元素作为块元素显示。<div>、<p>等标签自带该属性设置，如果是行元素应用该属性设置，会变为块元素。
	
.display_class_test2{
	display: block;
}
3.inline（行元素）
将元素作为行元素显示。<a>、<span>标签自带该属性设置，如果是块元素应用该属性设置，会变为行元素。
	
.display_class_test3{
	display: inline;
}
4.inline-block（行内块元素）
元素既有块元素的宽和高属性，又能像行元素一样不独占一行显示。<img>标签自带该属性设置。 注意：元素换行后行内块之间会有间隙
	
.display_class_test4{
	display: inline-block;
}