display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
程序员文章站
2023-12-31 18:45:22
...
如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素,
但它的位置不能被占了,那该怎么实现呢?接下来我们来看css的另外一个属性Visibility属性。
visibility:隐藏对应的元素但不挤占该元素原来的空间。
display:隐藏对应的元素并且挤占该元素原来的空间。
来看看下面的这个例子:
XML/HTML代码
推荐阅读
-
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
-
搜索引擎会抓取display:none的内容吗?_html/css_WEB-ITnose
-
[前端框架] Bootstrap 3 与 Foundation 5 的五大区别 (译)_html/css_WEB-ITnose
-
DIV CSS display (block none inline)属性的用法_html/css_WEB-ITnose
-
解决CSS中 display 与 visibility 的区别
-
visibility:hidden和display:none的区别解析
-
display:none和visibility:hidden两者的区别
-
外部引用CSS中 link与@import的区别_html/css_WEB-ITnose
-
display:none与visibility:hidden不同的隐藏
-
一段代码弄清楚CSS属性display和visibility的差别_html/css_WEB-ITnose