display:none与visible:hidden的区别
2014-09-25 15:34
330 查看
display:none和visible:hidden都能把网页上某个元素隐藏起来,区别如下:
display:none 将元素的显示设置为无,不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失。
visible:hidden 将元素隐藏,在网页上不可见,但该对象在网页上所占的空间没有改变。
例如:
有三个table,将中间的一个table hidden掉,你会发现在那个被hidden的table看不见了,但是中间会留有很大的一空白,而这个空白就是这个table没有被隐藏时所占的位置。
有三个table,将中间的一个table none掉,你会发现在剩下的两个table中间不会有任何的空白。就好像中间的那个table从来不存在过一样。
display:none 将元素的显示设置为无,不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失。
visible:hidden 将元素隐藏,在网页上不可见,但该对象在网页上所占的空间没有改变。
例如:
有三个table,将中间的一个table hidden掉,你会发现在那个被hidden的table看不见了,但是中间会留有很大的一空白,而这个空白就是这个table没有被隐藏时所占的位置。
有三个table,将中间的一个table none掉,你会发现在剩下的两个table中间不会有任何的空白。就好像中间的那个table从来不存在过一样。
相关文章推荐
- display:none与visible:hidden的区别
- 关于CSS属性display:none和visible:hidden的区别
- display:none与visible:hidden的区别
- 关于CSS属性display:none和visible:hidden的区别
- display(block,inline,none),visibility(visible,hidden)之间的关系及区别(不同)
- 【转】display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display(block,inline,none),visibility(visible,hidden)之间的关系及区别
- display:none与visible:hidden的区别
- .display:none与visible:hidden的区别
- css display:none和visibility:hidden和visible="false"区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:block/none与visibility:visible/hidden的区别
- display:none与visible:hidden的区别
- jquery 学习之 display:none与visible:hidden的区别