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