justify-content
justify-content 속성에 대한 유틸리티입니다.
컨텐트 항목이 flex contaienr
의 main axis
또는 grid container
의 row axis
를 기준으로 어떻게 정렬되는지를 설정합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
justify-content:start | js-content:start jc:start | justify-content: start !important; |
justify-content:center | js-content:center jc:center | justify-content: center !important; |
justify-content:end | js-content:end jc:end | justify-content: end !important; |
justify-content:flex-start | js-content:flex-start jc:flex-start | justify-content: flex-start !important; |
justify-content:flex-end | js-content:flex-end jc:flex-end | justify-content: flex-end !important; |
justify-content:left | js-content:left jc:left | justify-content: left !important; |
justify-content:right | js-content:right jc:right | justify-content: right !important; |
justify-content:space-between | js-content:space-between jc:space-between | justify-content: space-between !important; |
justify-content:space-around | js-content:space-around jc:space-around | justify-content: space-around !important; |
justify-content:space-evenly | js-content:space-evenly jc:space-evenly | justify-content: space-evenly !important; |