作用
display属性,可以更改元素本身盒类型。
元素有哪些盒类型呢?主要有:
1.块级元素
能够设置元素尺寸、隔离其他元素功能的元素。比如:<div>、<p>
2.行内元素
不能够设置元素尺寸,它只能自适应内容、无法隔离其他元素,其它元素会紧跟其后。比如:<span>、<b>等文本元素。
3.行内-块元素
可以设置元素尺寸,但无法隔离其他元素的元素。比如<img>。
属性
属性 | 值 | 说明 |
display | block | 指定对象为块元素 |
inline | 指定对象为行内元素 | |
inline-block | 指定对象为行内块元素 | |
none | 盒子不可见,不占位 |