display属性和属性值(18个属性值，常见面试题)

 

属性值：block/inline/inline-block/none/list-item/table-header-group/table-footer-group

 

作用：该属性设置或检索对象元素应该生成的盒模型的类型

 

各属性值的作用：

 

1)block块状显示：类似在元素后面添加换行符，也就是说其他元素不能在其后面并列显示。(将元素转为块状元素，使该元素拥有块状元素的特点；)

 

2)inline内联显示：在元素后面删除换行符，多个元素可以在一行内并列显示。（元素转换为内联元素）

 

3)当元素设置了float属性后，就相当于给该元素加了display:block;声明；

 

4)inline-block行内块元素显示：元素的内容以块状显示，行内的其他元素显示在同一行。（只有这一个元素类型支持vertical-align属性）img,input(行内块元素)。

 

5)none 此元素不会被显示。

 

6)list-item:将元素转换成列表。li的默认类型。

 

转载于:https://www.cnblogs.com/qiao915/p/6595815.html