溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何在html中讓元素隱藏

發(fā)布時間:2021-04-29 15:32:46 來源:億速云 閱讀:273 作者:Leah 欄目:web開發(fā)

本篇文章給大家分享的是有關如何在html中讓元素隱藏,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

html有什么特點

1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發(fā)者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統(tǒng)擴展帶來保證。  3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網(wǎng)盛行的一個原因。 4、通用性:HTML是網(wǎng)絡的通用語言,它允許網(wǎng)頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網(wǎng)上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。

HTML元素的隱藏方式

1.display:none;

特點: 真正的隱藏元素。

(1) 將元素的display屬性設置為none能夠確保元素不可見;

(2) 使用這個屬性,被隱藏元素不占用任何空間;

(3) 使用display:none隱藏元素,不能直接跟用戶進行交互操作

(另外,使用讀屏軟件也不能讀取到元素的內(nèi)容,這種隱藏方式就像元素完全不存在一樣)

(4) 任何這個隱藏元素的后代元素也會被隱藏;

(5) 但是,可以通過JS中的DOM操作訪問到這個被隱藏的元素,也可以通過DOM對它進行操作。

2.overflow: hidden;

原理: 將元素位置設置到父元素的外面。

3.設置元素的寬高等盒子模型的屬性值為0。

4.利用定位隱藏元素。

優(yōu)點:只要通過將元素的left和top設置足夠大的復數(shù) (這個元素可以跟用戶進行交互);

缺點:仍然可以使用讀屏軟件讀取元素的內(nèi)容。

5.opacity:設置元素透明度為0。

特點: 將元素的透明度設置為0,只是從視覺隱藏元素,元素本身的位置仍然存在,也可以跟用戶進行交互。

6.visibility: 設置元素是否可見。

默認為:visible(可見);

隱藏(不可見):hidden。

特點: 隱藏元素,但是會保留元素的位置。

以上就是如何在html中讓元素隱藏,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI