三、display
1、定义
display 属性规定元素应该生成的框的类型。
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。
- 取值
值 | 描述 |
none | 此元素不会被显示。 |
block | 此元素将显示为块级元素,此元素前后会带有换行符。 |
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
inline-block | 行内块元素。 |
table-cell | 此元素会作为一个表格单元格显示(类似 <td> 和 <th>) |
Flex | 弹性盒模型 |
- display:none;和visibility:hidden;和opacity:0;和overflow:hidden;
1)display:none; 隐藏自己,隐藏后原位置不保留
2)visibility:hidden; 隐藏自己,隐藏后原位置保留
3)opacity:0; 隐藏自己,隐藏后原位置保留
4)overflow:hidden; 溢出部分隐藏
4、原位置不保留的属性
1)float:;
2)position:absolute;
3)position:fixed;
4)display:none;