怎样通过css属性隐藏页面中的div?

html-css012

怎样通过css属性隐藏页面中的div?,第1张

用display属性,想隐藏那一段就把代码加在那一段,例子如下

<div style="display:none">

   <h1></h1>

   <ul>

       <li></li>

        <li></li>

   </ul>

</div>

vue控制div显示隐藏菜鸟教程

1、可以使用v-if指令来控制div的显示隐藏,使用v-if指令时,当条件为真时div显示,当条件为假时div隐藏,v-if指令的用法如下:

<div v-if="show">这是一个div</div>

2、可以使用v-show指令来控制div的显示隐藏,使用v-show指令时,div会一直存在,只是通过改变css样式来控制div的显示隐藏,v-show指令的用法如下:

<div v-show="show">这是一个div</div>