在css中，可以使用visibility屬性來隱藏元素但保留元素位置，只需要給元素設定「visibility: hidden;」樣式；這樣元素會被隱藏，但不會消失，依然佔據空間，隱藏後不會改變html原有樣式。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css隱藏元素但保留位置
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素隐藏--visibility: hidden</title>
<style>
.visibility{
visibility: hidden;
}
</style>
</head>
<body>
<div>正常显示元素</div>
<div class="visibility">隐藏元素</div>
<div>正常显示元素</div>
</body>
</html>效果圖：
visibility 屬性規定元素是否可見。
這個屬性指定是否顯示一個元素產生的元素框。這意味著元素仍佔據其本來的空間，不過可以完全不可見。
使用visibility: hidden，元素會被隱藏，但是不會消失，依然佔據空間，隱藏後不會改變html原有樣式；會被子孫繼承，子孫也可以通過顯示的設定visibility: visible;來反隱藏；不會觸發該元素已經綁定的事件， 動態修改此屬性會造成重繪。
（學習影片分享：css影片教學）
以上是css怎麼隱藏元素但保留位置的詳細內容。更多資訊請關注PHP中文網其他相關文章！
