控制HTML元素的显示与隐藏——display和visibility

最新推荐文章于 2024-06-24 21:00:18 发布

只在朝暮间

最新推荐文章于 2024-06-24 21:00:18 发布

阅读量1.1w

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_35792598/article/details/76572595

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

</head>  
<body>  
    <div>display：元素的位置不被占用</div>  
    <div id="div1" style="display:block;">DIV 1</div>  
    <div id="div2" style="display:none;">DIV 2</div>  
    <hr>  
    <div>visibility：元素的位置仍被占用</div>  
    <div id="div3" style="visibility:visible;">DIV 3</div>  
    <div id="div4" style="visibility:hidden;">DIV 4</div>  
</body>  
</html>

总结

display元素位置不被占用(不管是否被隐藏)

visibility元素位置被占用(不管是否被隐藏)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

只在朝暮间

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
控制HTML元素的显示与隐藏——display和visibility

</head> <body> <div>display：元素的位置不被占用</div> <div id="div1" style="display:block;">DIV 1</div> <div id="div2" style="display:none;">DIV 2</div> <hr> <div>visibility：元素的位置
复制链接

扫一扫