如何让主题的css元素不显示隐藏起来?

如何让主题的css元素不显示隐藏起来?只需要给元素添加“visibility:hidden;”样式即可。

示例:

<!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属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。

当设置visibility:hidden;样式后,元素会被隐藏(完全不可见),但是不会消失,依然占据空间,隐藏后不会改变html原有样式;

会被子孙继承,子孙也可以通过显示的设置visibility: visible;来反隐藏;

不会触发该元素已经绑定的事件, 动态修改此属性会引起重绘。