CSS_display_visibility

最新推荐文章于 2024-10-10 20:59:31 发布

「已注销」

最新推荐文章于 2024-10-10 20:59:31 发布

阅读量166

点赞数

分类专栏： HTML学习

本文链接：https://blog.youkuaiyun.com/dolola/article/details/79144215

版权

HTML学习专栏收录该内容

37 篇文章

订阅专栏

display，默认是展示的，如果给值none则为隐藏。

display:none;

visibility也是如此，给值hidden则为隐藏。

但二者有区别。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>practice</title> 

<style>
	.hidden{visibility:hidden;}
	.hidden2{display:none;}
</style>
	
</head>

<body>
	<h1>这是一个通过visibility展示的可见标题</h1>
	<h1 class="hidden">这是一个通过vidibility展示的不可见标题</h1>
	<h1>这是一个通过display展示的可见标题</h1>
	<h1 class="hidden2">这是一个通过display战士的不可见标题</h1>
	<p>测试</p>
</body>
</html>