Question

css中display怎么做显示或隐藏

就像这样的，点击上面，下面会出现相应的内容，看了半天的文字介绍还是没弄明白。求大神指导下，到底应该怎么做。

Answer 1

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

Answer 2

可以通过设置display:none;命令将该元素设为隐藏。display命令默认的是显示的，如果不设置display就默认显示。

isplay 属性规定元素应该生成的框的类型，定义建立布局时元素生成的显示框类型。

display的值可以取如下的值：

none    此元素不会被显示。    

block    此元素将显示为块级元素，此元素前后会带有换行符。    

inline    默认。此元素会被显示为内联元素，元素前后没有换行符。    

inline-block    行内块元素。（CSS2.1 新增的值）