css怎么隐藏元素但保留位置-木庄网络博客

2022-02-08 23:14:30 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在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>