前端頁面隱藏元素

2022-06-28 分類：網站建設

display:none和visible:hidden都能把網頁上某個元素隱藏起來，但兩者有區別:

display:none ---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失。

visible:hidden--- 使對象在網頁上不可見，但該對象在網頁上扔占據著空間。

例子：

<html>
<head>
<title>display:none和visible:hidden的區別</title>
</head>
<body >
 隱藏區域

顯示區域 
 隱藏區域

顯示區域
</body>
</html>

注意：只寫display:none是不起作用的，中的style=""不能省

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容