Loading... > **通过设置隐藏参数，隐藏些不想显示的效果。** ## **段落文字隐藏** ``` <p hidden="hidden">这是一段隐藏的段落。</p> <p>这是一段可见的段落。</p> ``` ## **搜索框隐藏：** ``` <input type="hidden" name="#" value="#"> ``` ## **条件隐藏** ``` <div id="AD"> 要隐藏代码区域 </div> <script type="text/javascript"> if(document.body.scrollWidth < 1024){ document.getElementById('AD').style.display = 'none'; } </script> ``` 侵删以下转自：[https://www.cnblogs.com/kandyvip/](https://www.cnblogs.com/kandyvip/p/3210296.html) ``` <div style="display:">显示</div> <div style="display:none;">隐藏不占位</div> <div style="visibility:">显示</div> <div style="visibility:hidden;">隐藏占位</div> <div visible="true" runat="server">显示</div> <div visible="false" runat="server">消失不占位</div> ``` ## 参数简介 ``` 1）display 隐藏必须使用none值，该隐藏不占位，页面源代码可见。 显示可使用空或block或inline，意思分别为：无此属性、显示视为DIV（有换行符）、显示视为span（无换行符）。 2）visibility 隐藏必须使用hidden值，该隐藏占位，页面源代码可见。 显示可使用空或visible，意思分别为：无此属性、显示。 3）visible（服务器控件） 隐藏必须使用false值与runat="server"，该隐藏不占位，页面源代码不可见。 显示可使用空或true，意思分别为：无此属性、可见。 ``` 最后修改：2024 年 10 月 07 日 © 允许规范转载 赞 如果觉得我的文章对你有用，请随意赞赏