2019-08-27 |

可见性属性visibility

该可视性属性指定一个元素是可见还是隐藏。最常见的值是可见和隐藏的。

隐藏元素可以通过将display属性设置为"none"或将visibility属性设置为"hidden"来完成。但是,请注意这两种方法会产生不同的结果:

visibility: hidden隐藏了一个元素,但它仍然会占用与之前相同的空间。该元素将被隐藏,但它仍将影响布局:

以下是一个示例:

HTML:

 
 

这是标题

段落上方的空格为空,因为 div元素的可见性设置为隐藏。

CSS:

div.hidden { visibility:hidden; }	

结果: display: none隐藏元素,而不保留该元素的位置。改变能见度:隐藏; 到显示:无; 将产生以下结果:

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论