免费咨询专线 4000-567-928
你现在位置: 首页 > 常见问题 > 正文 返回 >>

overflow、display、visibility的区别-新视觉实训网页设计班知识拓展

发布时间:2016-04-03 15:01:37 阅读次数:3152发布人:王进

overflow、display、visibility的区别-新视觉实训网页设计班知识拓展

overflow、display、visibility这三个属性的值有很多类似的地方,在新视觉实训的课堂上可能没有详细的给大家说明,因为这几个属性你在实际开发中根本就用不到,但是有些项目你不懂得这些css的属性,不能很好的处理某些网页设计中细节问题,在这里,我就给大家详细的剖析一下,在html中div+css的属性区别。

下面先看一下这三个属性的各项值,我们可以对比一下。

1.overflow  主要是对容器内超出本容器内容如何来显示进行处理
◆ hidden  隐藏超出的内容
visible  始终显示实际的内容
auto 超出出现滚动条,未超出正常显示
scroll 始终出现滚动条
2.display主要是控制元素的显示状态
常用属性 none  指的是不显示即隐藏
display 以块元素的方式显示(即具有块元素的属性)
inline 行元素以的方式显示(即具有行元素的属性)
inline-block 行内块级元素
3.visibility 主要是控制元素的隐藏和显示状态
visible 当前元素为显示状态
hidden 当前元素为隐藏状态
三个属性设置为隐藏状态时的区别
overflow:只是对超出容器的内容进行处理
display:整个元素的显示状态是不可见的,浏览器会认为这个元素不存在。
visibility:浏览器认为该元素存在,但是不显示出来,所有该隐藏的元素还会占据原有的位置。

这些属性很少情况下能够同时使用的,随着大家对网页设计的不断深入,未来会用到这些知识的,希望大家通过新视觉实训网页设计部的提高课程,能够对你的职业发展起到更好的作用。



济南新视觉数码实训基地

Copyright 1996-2015 | 工商注册号:101010101010101 | 鲁IPC备05030547
友情链接: 济南新视觉实训基地 | 山东新视觉数码科技| 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南网页设计培训 | 济南电商设计培训 | 济南UI设计培训班
0531-
86558833
86467703

新视觉二维码