隱藏頁面元素的方式總結及區別

2021-08-11 03:54:05 字數 666 閱讀 1324

1、display:none我不占地兒,你看不見我

display:none可以讓網頁中所有內容不顯示,如**、文字、鏈結、、div層,是推薦的內容隱藏方式。

2、visibility:hidden我佔了地兒,你也看不見我

visibility:hidden和display:none可以隱藏的內容幾乎一樣,但唯一區別是它雖然隱藏了內容,但被隱藏掉的內容仍舊佔據空間,這段隱藏了內容卻保留空間的位置會在網頁中顯示為空白。

3、overflow:hidden隱藏溢位內容

overflow:hidden這種方式可以隱藏掉固定區域外的內容,它可以有效控制顯示區域。但應注意,使用它時需要給它定義寬度和高度,否則會無效。

overflow用法中存在乙個分支,overflow-x:hidden和overflow-y:hidden,x是橫向範圍,y是縱向範圍,這兩個屬性經常用在需要隱藏滾動條時。

CSS隱藏元素的方法及區別

1.opacity opacity 0將元素本身及其子元素都置為不可見的,而元素本身依然佔據它自己的位置並對網頁的布局起作用,它會響應使用者互動。2.visibility visibility hidden將元素本身及其子元素都置為不可見的,而元素本身依然佔據它自己的位置並對網頁的布局起作用,它不會...

知識點滴 HTML頁面元素顯示 隱藏方式及區別

作為前端大家都知道在網頁中控制元素的顯示與隱藏的方式有很多,不過大家更喜歡的是使用 display none 以及 display block 的方式來操作。理論上來說,這個方式是最簡單有效的,不過在這裡我想說幾個小志個人對顯示隱藏頁面元素的幾種方式看法 display 屬性的方式 visibili...

JQuery顯示隱藏頁面元素的方法總結

show 方法 顯示出隱藏的 元素。複製 如下 btn2 click function toggle 方法 toggle 方法切換元素的可見狀態。如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。複製 如下 this is a paragraph.toggle slidedown ...