目录
一.前言
本文主要围绕三个属性来进行学习, 并在最后简单做一个案例来巩固
- display属性:用于设置一个元素应如何显示
- visibility属性:指定一个元素应可见还是隐藏
- overflow属性:指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时,会发生什么
二.基础知识
(一)display:
1>display:none:隐藏对象
2>display:block:可以转换为块级元素,还可以显示出display隐藏的元素,不占有原来的位置
(二)visibility:
1>visibility:hidden:元素隐藏
2>visibility : visible:元素可视
划重点:这里有点区别:如果隐藏元素想要原来位置,就用 visibility : hidden
如果隐藏元素不想要原来位置,就用 display : none(实际开发中display用的多)
普通的两个标准流盒子
visibility:hidden 占有位置
display:none:不占位置
(三)overflow:对溢出部分进行隐藏与显示
三.相关案例在下个文章
请点击主页方可进行查看
你的【点赞,好评,收藏】是我创作的动力。感谢大家支持