怎样让主题的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;来反隐藏;

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

发表评论