flex是一種響應式自適應布局
屬性
display： flex 設置其元素為flex
采用 Flex 布局的元素，稱為 Flex 容器（flex container）硼控，簡稱"容器"。
它的所有第一級子元素自動成為容器成員胳赌，稱為 Flex 項目（flex item）牢撼，簡稱"項目"。
子元素不會繼承繼承flex的屬性疑苫。
flex分為主軸和交叉軸
6大屬性
（項目排列方向）flex-direction: row | column | row-reverse | column-reverse
（主軸對齊方式）justify-content: flex-start | flex-end | center | space-between | space-around
（交叉軸對其方式）align-items: flex-start | flex-end | center | stretch | baseline
