css 中display属性认识

1. none ：设置元素不显示。相当于对应元素不存在，不占据空间。（可以改善重排和重绘，这个不懂，需要去了解）
2. inline：行内元素，显示在一行。设置的 width , height, text-align 都不起作用。设置 line-height 可以让文字垂直居中
   
   • inline 元素如果换行写，每个元素中间会有一定的间隔。
   • 解决方法一：不换行写，写在一行
   • 解决方法二：父元素的 font-size 设置为 0 ，再重新设置子元素的字体大小
3. block：设置元素为块级。
   
   • 不设置width，默认继承父元素的width，且独占一行
   • height 为子元素或者其内容撑开
4. inline-block：css2.1 新增属性，具有 block 的宽高 和 inline 一行显示的特性。可以和 父元素 text-align: justify 实现列表两端对齐。具体参考 老师博客
5. flex：弹性布局。子元素的 float, clear, vertical-align 属性都不会起作用了。主要属性分为 容器属性 和 项目属性。具体参考 阮一峰老师文章
6. -webkit-box：某X5浏览器某些版本还不支持最新版的flex布局。所以可以使用这个值。最好是在使用 flex 的地方同时使用这个值
7. table：块级表格，进行多列多行布局时使用。inline-table，table前后没有换行。table-row(类似 tr), table-column(类似 col), table-cell(类似 td)
8. list-item：默认把元素作为列表显示
9. run-in：根据上下文作为块级元素或内联元素显示