CSS display:none和visibility:hidden區別

這裏向大家描述一下CSS display:none和visibility:hidden的區別,visibility:hidden隱藏,但在瀏覽時保留位置;而CSS display:none視爲不存在,且不加載!

你知道CSS display:none 和visibility:hidden的區別嗎,這裏和大家分享一下,使用CSS display:none屬性後,HTML元素(對象)的寬度、高度等各種屬性值都將“丟失”;而使用visibility:hidden屬性 後,HTML元素(對象)僅僅是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在。

CSS display:none和visibility:hidden的區別

visibility:hidden隱藏,但在瀏覽時保留位置;CSS display:none視爲不存在,且不加載!

Overflow屬性值{visible|hidden|scroll|auto}前提是先要限制DIV的寬度(width)和高度(height)。二者都是隱藏HTML元素,在視覺效果上沒有區別,但在一些DOM操作中二者還是有所不同的。

CSS display:none;

使用該屬性後,HTML元素(對象)的寬度、高度等各種屬性值都將“丟失”;

visibility:hidden;

使用該屬性後,HTML元素(對象)僅僅是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在,也即是說它仍具有高度、寬度等屬性值。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章