css display visibility
2016-03-03 16:59
573 查看
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。注意,当元素被隐藏之后,就不能再接收到其它事件了。
display属性就有一点不同了。visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征。 当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像<div>元素一样,它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block,使其可以像<div>一样工作。 将display设置为inline,将使其行为和元素inline一样---即使它是普通的块元素如<div>,它也将会被组合成像<span>那样的输出流。
最后是display被设置:none,这时元素实际上就从页面中被移走,它下面所在的元素就会被自动跟上填。(此时应用display: none;的元素相当于消失,而visibility: hidden;则只表示隐藏,位置还在。)
相关文章推荐
- CSS----引入方式和常用属性
- 前端性能优化--合理使用CSS Sprites和内联图片
- HTML 样式
- 一些css技巧
- CSS选择器详解
- HTML和CSS <h1> --2-- <h1>
- 使用css3伪元素实现遮罩效果
- css 如何让背景图片拉伸填充避免重复显示
- css3 perspective与translateZ变换
- 礼拜四log~CSS背景设置技巧和java框架某些问题的解决方法
- 谷歌CSS风格规范
- css-selectors
- css自定义开关(一个圆里有一个x)
- 发觉前一个项目需求很好玩的两个CSS animation
- CSS3 Animation
- css3(border-radius)边框圆角详解
- [积累]推荐给大家的CSS书写规范、顺序
- 自定义ActionBar的高度、标题与菜单中的文字样式
- 一小时搞定DIV+CSS布局-固定页面开度布局
- css 页脚固定到底部