CSS中的visibility属性可以用于隐藏HTML的元素,而且并不影响文档的整体布局,即隐藏的元素也会占据页面的空间。
element{visibility:value}
属性值 | 描述 |
---|---|
visible | 默认值,元素可见 |
hidden | 隐藏元素 |
collape | 当该属性值应用在表格元素中时,可删除一行或一列 |
inherit | 从父元素继承visibility属性值 |
下方实例对比了visibility属性和display属性隐藏元素的区别:
<p>段落一</p>
<p id='p2'>段落二</p>
<p>段落三</p>
<p>段落四</p>
<p id='p5'>段落五</p>
<p>段落六</p>
<style>
#p2{display:none;}
#p5{visibility:hidden;}
</style>
笨鸟工具HTML+CSS+JS在线编辑器
全栈编程 / CSS教程(可向下滚动):
Copyright © 2022-2023 笨鸟工具 x1y1z1.com All Rights Reserved.