讲一讲display：none；visibility：hidden；opacity：0

讲一讲display：none；visibility：hidden；opacity：0

  • display：none；的特点
    1. 它下面的元素会挤上来
    2. 不生成盒模型
    3. 在 Elements 中可以看的见，但是在<script></script>中你拿不到它这个标签。只有渲染到了页面上的，你才能拿到它
    4. v-show使用的是它，而v-if是在 Elements 中你都找不到，是真正意义上的销毁了
  • visibility：hidden；
    1. 在页面上实际存在
  • opacity：0；
    1. 在页面上实际存在
posted @   朱在春  阅读(37)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML之标签
·  flex的一些属性
·  分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
·  display:none和visibility:hidden以及opacity:0
·  [css] 分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手