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; |