flex组合使用

class名

样式值

f-c

display: flex

flex-direction: row

align-items: center

justify-content: center

f-s

display: flex

flex-direction: row

justify-content: stretch

align-items: center

f-sb

display: flex

flex-direction: row

justify-content: space-between

align-items: center

f-sa

display: flex

flex-direction: row

justify-content: space-around

align-items: center

f-fe

display: flex

flex-direction: row

justify-content: flex-end

align-items: center

f-fs

display: flex

flex-direction: row

justify-content: flex-start

align-items: center