关于CSS属性中visibility隐藏和display消失的区别简析

2025-03-09 10:31:25
推荐回答(3个)
回答1:

visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。
而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。

简单来说两个都隐藏一个会占据原来的元素位置留下空白
,一个不会

回答2:





css中的display和visibility




p标记原来是块元素,现在将段落设置成内联元素


内联元素display:inline的二个段落时不会换行(需要理解什么是块元素什么是内联元素以及他们的区别)


内联元素对div不起作用,这行是不会显示的





span元素原本是内联元素,现在将span元素设置成块元素
二个span之间产生换行


用visablity:visble or visablity:hidden 来使元素可见和不可见




这段将要显示,下面的一段将要隐藏,但是还会占用一行(而display:none不会占用一个隐藏行,这就是二者最大的区别)







上段被隐藏




如何使表格元素叠加?











Admousjohn
BushGeorge


回答3:

Vue实践-CSS样式position/display/float属性对比使用