解决CSS中 display 与 visibility 的区别
程序员文章站
2023-12-21 10:53:52
大多数人很容易将css属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的,...
大多数人很容易将css属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。例:
[ctrl+a 全选 注:引入外部js需再刷新一下页面才能执行]
[ctrl+a 全选 注:引入外部js需再刷新一下页面才能执行]
同时,关于display:inline;和float:left;两者的区别可以参看该篇文章:
(display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:left,是针对块级元素的浮动形式,是不同形式的两种状态。)
http://www.andymao.com/andy/post/42.html
http://bbs.blueidea.com/thread-2596793-1-1.html
visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。例:
[ctrl+a 全选 注:引入外部js需再刷新一下页面才能执行]
[ctrl+a 全选 注:引入外部js需再刷新一下页面才能执行]
同时,关于display:inline;和float:left;两者的区别可以参看该篇文章:
(display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:left,是针对块级元素的浮动形式,是不同形式的两种状态。)
http://www.andymao.com/andy/post/42.html
http://bbs.blueidea.com/thread-2596793-1-1.html
推荐阅读
-
解决CSS中 display 与 visibility 的区别
-
IE和FIREFOX下CSS的区别与解决方法第1/2页
-
div+css中Class与ID的区别
-
详解CSS3中nth-child与nth-of-type的区别
-
CSS中的class与id区别及用法
-
大家看了就明白了css样式中类class与标识id选择符的区别小结
-
解决Django中修改js css文件但浏览器无法及时与之改变的问题
-
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
-
css选择器中:first-child与:first-of-type的区别
-
css中filter属性和backdrop-filter的应用与区别详解