独占一行：view、swiper。不独占一行：text。
display:inline; 内联元素，简单来说就是在同一行显示。他没有高度，给内联元素设置width和height是没效果的
display:block; 块级元素，简单来说就是就是有换行，会换到第二行。同时可以设置宽高。
inline-block 的元素既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。比如 inline-block 元素也可以设置 vertical-align（因为这个垂直对齐属性只对设置了
inline-block
的元素有效） 属性
flex布局
flex-direction: row默认向右 | row-reverse向左 | column向下 | column-reverse向上
flex-wrap: 默认 nowrap 不换行 wrap 换行 wrap-reverse 反向换行，第一行在下方
flex-flow: flex-direction属性和flex-wrap属性的简写形式，默认row nowrap
justify-content: 主轴上的对齐方式 flex-start 默认左对齐 flex-end 右对齐 center 居中 space-between 两端对齐，项目之间的间隔都相等 space-around 每个项目两侧的间隔相等
align-items: center;垂直主轴的对齐方式，假设交叉轴从上到下 默认 stretch 占满整个容器的高度 flex-start 上对齐 flex-end 下对齐 center 中点对齐 baseline 第一行文字基线对齐
