您的位置:首页 > 其它

display:none | visibility:hidden 的区别

2015-07-07 08:49 399 查看
<html>

<head>

<meta name="viewport" content="width=device-width" />

<title>Index4</title>

</head>

<body>

<div>

<!--display:none是隐藏元素,隐藏后它并不会再占用之前所占的区域(也就是说,连它自己的位置都隐藏掉了)-->

<div style="display:none">小苹果</div>



<!--visibility:hidden是隐藏元素,隐藏后,它还会占用之前所占的区域(也就是说仅仅是隐藏它自己的外观,并不会隐藏自己的位置)-->

<div style="visibility:hidden">圣女果</div>

</div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: