元素的显示与隐藏
本质：让一个元素在页面中隐藏或显示出来
display 属性
display 属性用于设置一个元素应该如何显示。
- display:none; 隐藏对象
- display:block; 除了转换为块级元素之外，同时还有显示元素的意思
注意：display 隐藏元素之后，不再占有原来的位置。
visibility 可见性
visibility 属性用于指定一个元素应可见还是隐藏
- visibility:visible; 元素可视
- visibility:hidden; 元素隐藏
注意：visibili 隐藏元素之后，继续占有原来的位置。
overflow 溢出
overflow 属性指定了如果内容溢出一个元素的框时，会发生什么
| 属性值 | 描述 |
|---|---|
| visible | 不剪切内容也不添加滚动条 |
| hidden | 隐藏超出盒子的内容 |
| scroll | 不管内容是否超出盒子，都显示滚动条 |
| auto | 当内容超出盒子时，才显示滚动条 |
注意：有定位的盒子要慎用 overflow:hidden;
本文由 小但 创作
全文共：509个字
采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载，均为作者原创，转载前请务必署名
最后编辑时间为: Jan 26, 2021 at 01:04 pm