CSS中隱藏內容的3種方法

2021-08-01 20:45:52 字數 416 閱讀 6505

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

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

display:none與visible:hidden的區別

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

display:none ---不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說就是看不見也摸不到。

visible:hidden--- 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗來說就是看不見但摸得到。

CSS中隱藏內容的3種方法及屬性值

2011 02 11 13 33 59 在製作網頁時,隱藏內容也是一種比較常用的手法,它的作用一般有 隱藏文字 隱藏鏈結 隱藏超出範圍的內容 隱藏彈出層 隱藏滾動條 清除錯位和浮動等等。使用css即可使以上提到的內容隱藏起來,幾種隱藏內容的方法 我不占地兒,你看不見我 值描述 none 此元素不會被...

CSS隱藏元素的常用的3種方法

將它的值設為hidden將隱藏我們的元素。如同opacity屬性,被隱藏的元素依然會對我們的網頁布局起作用。與opacity唯一不同的是它不會響應任何使用者互動。此外元素在讀屏軟體中會被隱藏。display屬性依照詞義真正隱藏元素。將display屬性設為none確保元素不可見並且連盒模型也不生成。...

css隱藏的三種方法

1 使用display none來隱藏所有內容 display none可以讓網頁中所有內容不顯示,如 文字 鏈結 div層,是推薦的內容隱藏方式。style display none 我不占地兒,你看不見我 div 值 描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素,此元素前...