2.元素的显示与隐藏

学习pink 老师css视频后的总结

元素的显示与隐藏

类似于网站广告，当我们点击关闭就不见了，但我们重新刷新页面，会重新出现！

本质：让一个元素在页面中隐藏或者显示出来。

1 display属性

display属性用于设置一个元素应如何显示。

 

• display: none; 隐藏对象
• diaplay: block;除了转换为块级元素外，同时还有显示元素的意思

dispaly隐藏元素后，不再占有原来的位置。

 2 visibility属性

visibility属性用于指定一个元素是可见还是隐藏的。

visibility: hidden; 元素隐藏

visibility: visible； 元素可视

visibility隐藏元素后，继续占有原来的位置。

如果隐藏元素还想要原来的位置，就用visibility: hidden

不想占用原来的位置，就用display: none

3 overflow属性

overflow属性指定了如果内容溢出了制定边框，会发生什么

属性值	描述
visible	不剪切内容，也不添加滚动条
hidden	隐藏溢出的部分
scroll	不管内容是否超出，都显示滚动框
auto	根据内容，决定是否显示滚动条

 

 

原文链接:https://www.cnblogs.com/731856167qqcom/p/11909851.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有