WEB(웹)

플렉스 항목 배치를 위한 속성들

SharingWorld 2018. 5. 29. 12:09

justify-content : 주축 기준의 배치 방법 지정하기


justify-content: flex-start | flex-end | center | space-between | space-around




align-items, align-self - 교차축 기준의 배치 방법 지정하기


align-items: stretch | flex-start | flex-end | center | baseline


align-self 속성을 이용하면 플렉스 항목을 개별적으로 배치할 수 있음


align-self: auto | stretch | flex-start | flex-end | center | baseline