一、相同点

disable:none和visibility:hidden都能把网页上的某元素隐藏起来

二、不同点

display:none--不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失。

visibility:hidden--使对象在页面上不可见,但页面上的空间还在。

三、举例

<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>visibility:hidden和display:none的区别</title>
</head>
<body>
<div style="display: none; width: 10px;" >display</div> <a>1</a>
<div style="visibility: hidden;width: 10px;">visibility</div> <a>2</a><br />
<a>3</a>
</body>
</html>

四、效果

visibility:hidden和display:none的区别

 

 

相关文章:

  • 2022-12-23
  • 2021-05-10
  • 2021-11-02
  • 2021-07-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-08
猜你喜欢
  • 2022-01-26
  • 2022-12-23
  • 2021-04-18
  • 2022-02-09
  • 2021-12-26
  • 2022-02-14
相关资源
相似解决方案