Rumah >hujung hadapan web >html tutorial >display:none;与visibility:hidden;的区别_html/css_WEB-ITnose

display:none;与visibility:hidden;的区别_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 11:46:301217semak imbas

如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素,

但它的位置不能被占了,那该怎么实现呢?接下来我们来看css的另外一个属性Visibility属性。

visibility:隐藏对应的元素但不挤占该元素原来的空间。
display:隐藏对应的元素并且挤占该元素原来的空间。

 

来看看下面的这个例子:

XML/HTML代码

 

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn