[分享]css中将隐藏盒子显示出来

CSS中的display属性可以实现一个元素隐藏或显示。将display属性设置为none即可将一个元素隐藏。但是如果我们想将隐藏的元素再次显示出来，该怎么办呢？其实很简单，我们只需要将display...

CSS中的display属性可以实现一个元素隐藏或显示。将display属性设置为none即可将一个元素隐藏。但是如果我们想将隐藏的元素再次显示出来，该怎么办呢？

其实很简单，我们只需要将display属性设置为其他值即可。一般常用的值有block、inline、inline-block、table等。其中block、inline、inline-block分别对应着块级元素、行内元素、行内块级元素。

.hide {
  display: none;
}

.show {
  display: block;
} 

上面的代码是将一个元素隐藏并显示的示例。我们将元素的class设置为hide，将display属性设置为none，即可将元素隐藏。而将class设置为show，将display属性设置为block，即可将元素显示出来。

需要注意的是，如果元素本身就是块级元素，那么将display属性设置为block将不会改变元素的显示方式。同样的，如果元素本身就是行内元素或行内块级元素，那么将display属性设置为inline或inline-block也不会改变元素的显示方式。

总的来说，display属性可以帮助我们简单的实现元素的显示和隐藏。但是在实际开发中，我们需要根据具体的场景选择合适的display值，以达到最佳的显示效果。