CSS元素的显示与隐藏
- display属性设置一个元素应如何显示
- visibility属性用于指定一个元素应可见还是隐藏。
- overflow用于控制内容溢出元素框时显示的方式。
display显示
- display:none ;隐藏对象，不再占有原来的位置。
- display : block ;显示元素、转换为块级元素。
visibility可见性
●visibility : visible;元素可视
●visibility : hidden;元素隐藏后，继续占有原来的位置。
- 隐藏元素想要原来位置,就用vibility : hidden
- 隐藏元素不想要原来位置，就用display : none (用处更多重点)
overflow溢出隐藏
-
overflow: visible; 当文字内容超出盒子大小时，依旧显示。
-
overflow: hidden; 当文字内容超出盒子大小时，超出部分的内容不可见。
- overflow: scroll; 当无论文字是否超出盒子大小都显示滚动条
- overflow: auto; 文字内容没有超出盒子内容时没有滚动条，当超出时显示滚动条
未超出盒子内容时无滚动条