这篇文章主要介绍了CSS设置占位隐藏的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。在css中，可以使用visibility属性来设置占位隐藏，语法“visibility
这篇文章主要介绍了CSS设置占位隐藏的方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
在css中，可以使用visibility属性来设置占位隐藏，语法“visibility:hidden;”；该属性规定元素是否可见，当值为“hidden”时，表示元素是不可见的，但也会占据页面上的空间，并对网页的布局起作用。
本教程操作环境：windows7系统、css3&&HTML5版、Dell G3电脑。
visibility属性介绍：
visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。这个和display: none有着质的区别
visibility: hidden不会影响计数器的计数，如图所示，visibility: hidden虽然让一个元素不见了，但是其计数器仍在运行。这和display: none完全不一样
示例：
<body> <div> <strong>给元素设置visibility:hidden样式</strong> <ol> <li>元素1</li> <li style="visibility:hidden;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div> <div> <strong>给元素设置display:none样式</strong> <ol> <li>元素1</li> <li style="display:none;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div></body>效果图：
感谢你能够认真阅读完这篇文章，希望小编分享的“css设置占位隐藏的方法”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网精选频道，更多相关知识等着你来学习!
--结束END--
本文标题: css设置占位隐藏的方法
本文链接: https://www.lsjlt.com/news/271137.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
2024-05-14
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0