css如何設定佔位隱藏
- 醉折花枝作酒筹原創
- 2021-04-15 18:40:552938瀏覽
在css中，可以使用visibility屬性來設定佔位隱藏，語法「visibility:hidden;」；此屬性規定元素是否可見，當值為「hidden」時，表示元素是看不見的，但也會佔據頁面上的空間，並對網頁的佈局起作用。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
visibility屬性介紹：
visibility具有繼承性，為父元素設定visibility:hidden;子元素也會繼承這個屬性。但如果重新給子元素設定visibility: visible,則子元素又會顯示出來。這個和display: none有著質的區別
visibility: hidden不會影響計數器的計數，如圖所示，visibility: hidden雖然讓一個元素不見了，但是其計數器仍在運行。這和display: none完全不一樣
範例：
<body>
<div>
<strong>给元素设置visibility:hidden样式</strong>
<ol>
<li>元素1</li>
<li style="visibility:hidden;">元素2</li>
<li>元素3</li>
<li>元素4</li></ol>
</div>
<div>
<strong>给元素设置display:none样式</strong>
<ol>
<li>元素1</li>
<li style="display:none;">元素2</li>
<li>元素3</li>
<li>元素4</li></ol>
</div>
</body>效果圖：
以上是css如何設定佔位隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn