在css中,可以使用visibility屬性來設(shè)置占位隱藏,語法“visibility:hidden;”;該屬性規(guī)定元素是否可見,當(dāng)值為“hidden”時,表示元素是不可見的,但也會占據(jù)頁面上的空間,并對網(wǎng)頁的布局起作用。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
visibility屬性介紹:
visibility具有繼承性,給父元素設(shè)置visibility:hidden;子元素也會繼承這個屬性。但是如果重新給子元素設(shè)置visibility: visible,則子元素又會顯示出來。這個和display: none有著質(zhì)的區(qū)別
visibility: hidden不會影響計數(shù)器的計數(shù),如圖所示,visibility: hidden雖然讓一個元素不見了,但是其計數(shù)器仍在運行。這和display: none完全不一樣
示例:
<body> <div> <strong>給元素設(shè)置visibility:hidden樣式</strong> <ol> <li>元素1</li> <li style="visibility:hidden;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div> <div> <strong>給元素設(shè)置display:none樣式</strong> <ol> <li>元素1</li> <li style="display:none;">元素2</li> <li>元素3</li> <li>元素4</li></ol> </div> </body>
效果圖:
推薦學(xué)習(xí):css視頻教程