如何使一个标签看不见但依旧占据页面空间

如何使一个标签看不见但依旧占据页面空间,实例:

<html>
<head>
<style type="text/css">
h1.visible {visibility:visible}
h1.invisible {visibility:hidden}
</style>
</head><body>
<h1 class="invisible">这是不可见的标题</h1>
<h1 class="visible">这是可见的标题</h1>
</body>
</html>

用 visibility:hidden;     不可见

visibility:visible    可见

visibility 属性规定元素是否可见。

提示:即使不可见的元素也会占据页面上的空间。请使用 “display” 属性来创建不占据页面空间的不可见元素。

点击查看实例

 

未经允许不得转载:安超峰的网站 » 如何使一个标签看不见但依旧占据页面空间

赞 (0)