Flexユーティリティ

複数行におけるflexアイテムの交差軸の整列をするクラス

align-content-start

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12

align-content-end

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12

align-content-center

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12

align-content-between

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12

align-content-around

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12

align-content-stretch

flexアイテム01
flexアイテム02
flexアイテム03
flexアイテム04
flexアイテム05
flexアイテム06
flexアイテム07
flexアイテム08
flexアイテム09
flexアイテム10
flexアイテム11
flexアイテム12