獨占一行：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 第一行文字基線對齊