display盒子的类型

display盒子的类型

display 设置或检索对象是否及如何显示。
display : none 隐藏对象。
与它相反的是 display:block 除了转换为块级元素之外，同时还有显示元素的意思。
特点： 隐藏之后，不再保留位置。
div元素是块元素block，span元素是内行元素inline,

div{
    background-color: indianred;  display: inline;  //将div元素变成内行元素
} 
span{  
	background-color: aqua;   display: block;  // 将span元素变成块元素
}

display: inline-block;

display: inline-block;与display: inline 在浏览器上的显示效果是一样的，但是
内行元素是不能设置元素的width和height的，要设置内行元素的宽和高
就需要添加display: inline-block属性。

display: inline-table

此元素会作为内联表格来显示（类似

），表格前后没有换行符。 就是变成内行元素显示。和display: inline显示效果差不多。

display:list-item

此元素会作为列表显示。就是以列的方式显示。

× 请我吃糖~