display 属性规定元素应该生成的框的类型。设置:
display: none;
隐藏对象display: block;
除了转换为块级元素之外,还有显示元素的意思
说明:
使用display: none;
可以不占据空间的,把元素隐藏起来,所以动态改变此属性时会引起重排(改变页面布局),可以理解成在页面中把该元素删除掉一样;不会被子孙继承,但是其子孙是不会显示的,毕竟都一起被隐藏了。
示例:
1 2 3 4 5 6 7 8 9 10 |
|
效果图:
推荐教程:《html视频教程》
以上就是html怎么隐藏div元素的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html支持的列表标签:无序列表、有序列表和定义列表(介绍)
Html中ul标签如何去掉点?Html无序列表的样式实例解析
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者