CSS display属性

CSS中每一个元素都有display属性：比如div的默认的display是block，块元素，span的是inline，行内元素。

1. none：隐藏对象，不显示
2. inline： 指定对象为行内元素。
3. block： 指定对象为块元素。设置margin、padding
4. inline-block：指定对象为行内块元素，即在同一行显示，又可以设置宽高。margin和padding可以设置。注意：识别代码之间的空白。意思就是说，在一行排列的时候盒子与盒子之间会出现空白空隙。
5. table-cell：指定对象为表格单元格
6. flex：弹性盒，它决定一个盒子在其它盒子中的分布，以及如何处理可用的空间。使用该模型，可以轻松的创建"自适应"浏览器窗口的流动布局。默认情况下是不浪费空间，自动调整。
7. inline转块级元素，就是把默认的inline改为block。