Heim > Artikel > Web-Frontend > display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:46:301200Durchsuche
如果想让某一段代码在前台不显示，最简单的方法是用css的display:none即可，这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素，
但它的位置不能被占了，那该怎么实现呢？接下来我们来看css的另外一个属性Visibility属性。
visibility:隐藏对应的元素但不挤占该元素原来的空间。
display:隐藏对应的元素并且挤占该元素原来的空间。
来看看下面的这个例子：
XML/HTML代码
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：li中嵌套ul的边距问题，求大神_html/css_WEB-ITnoseNächster Artikel：CSS 类选择器(四)_html/css_WEB-ITnose