前端页面隐藏元素

2022-06-28 分类：网站建设

display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失。

visible:hidden--- 使对象在网页上不可见，但该对象在网页上扔占据着空间。

例子：

<html>
<head>
<title>display:none和visible:hidden的区别</title>
</head>
<body >
 隐藏区域

显示区域 
 隐藏区域

显示区域
</body>
</html>

注意：只写display:none是不起作用的，中的style=""不能省

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容