display 各值的区别

• inline

  inline 内联元素，不可以设置宽高、可以设置水平方向的padding和margin，不可以设置垂直方向的padding和margin；一行显示

• inline-block

  inline-block 行内元素，可以设置宽高，一行显示，可以设置水平方向的padding和margin，不可以设置垂直方向的padding和margin；一行显示

• block

  block 块级元素，可以设置宽高，也可以设置padding和margin；自动换行，多个块状元素，默认从上到下显示

• none

隐藏元素，不会被子元素继承，不占据位置，直接从render树上移除

• flex

        它决定一个盒子在其它盒子中的分布，以及如何处理可用的空间。使用该模型，可以轻松        的        创建"自适应"浏览器窗口的流动布局。