如何让元素消失在我们的视野中(面试题)

珠峰HTML|CSS精讲视频 admin 390浏览
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/*
面试题:让元素消失在我们的视野中(发挥你的想象力)
1.透明度 opacity:0;[0~1]
2.display:none 隐藏
3.width:0/height:0和overflow:hidden
4.line-height:0和overflow: hidden(没有设置高度的情况下)
5.visibility: hidden;让所有可见性的元素隐藏
6. margin/padding设置足够大只要能让他消失即可
7.利用 transform属件计 translate坐标设置足够大
*/
</style>
</head>
<body>
</body>
</html>

转载请注明:大灰牛博客 » 如何让元素消失在我们的视野中(面试题)