Flexbox--自行整理
flex布局分为旧版本的dispaly:box,过渡版本：display:flex box,以及现在的标准版本dispaly:flex。display:box与display:flex其实没啥区别，前者是2009年的语法，现在已经过时，个别浏览器使用要加上前缀，后者是2012年最新的语法，大部分浏览器基本可以兼容。
注意：
Android UC浏览器只支持display:box的语法，而ios uc浏览器则两种都支持！
需要注意的是如果要使用line-clampline-clamp的解释地址：时需要用display:box。
FlexBox的属性分为
FlexBox容器属性：
关于容器的6个，5个单一属性，分别定义了元素排列的方向、行、水平排列、垂直排列、空白分布和一个简写属性 方向、行。
关于项目属性6个，5个单一属性，分别定义了元素的顺序、伸展、收缩、初始尺寸、对齐和一个简写属性，描述元素尺寸