1. 隐藏当前对象的时候加上display：none；

2. span标签想单独占据一行的时候加上display：block；意思是转化成块级元素。

3. div不想单独占据一行的时候加上display：inline（转化为行内元素），或者display：inline-block（转化行内块元素）；

4. 想懂display的属性，可以先去把行内元素跟块级元素的区别理清楚。
   

display：元素显示的样式

常用样式的特点：

inline：在一行上显示，该显示方式特点为宽度无法被定义，根据内容自动填充，且与之后的inline元素并行并行显示。

block：块状，并列的每个块级元素都会隔行开始显示，无论宽度多少，可自定义宽高

inline-block：合并两种特点

flex：盒子模型方式，讲起来比较多，建议更多的用法靠自己百度知晓，然后通过敲代码，比对，来让自己掌握，熟悉。

以上，灿灿。

对什么不理解就去搜一下：margin 塌陷、display

margin ：【慕课视频】https://www.imooc.com/learn/680

display：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display