讲一讲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 @ 2022-06-27 17:31  朱在春  阅读(34)  评论(0编辑  收藏  举报