Skip to content

justify-content

justify-content 속성에 대한 유틸리티입니다.

컨텐트 항목이 flex contaienrmain axis 또는 grid containerrow axis를 기준으로 어떻게 정렬되는지를 설정합니다.

클래스약어 클래스속성
justify-content:startjs-content:start
jc:start
justify-content: start !important;
justify-content:centerjs-content:center
jc:center
justify-content: center !important;
justify-content:endjs-content:end
jc:end
justify-content: end !important;
justify-content:flex-startjs-content:flex-start
jc:flex-start
justify-content: flex-start !important;
justify-content:flex-endjs-content:flex-end
jc:flex-end
justify-content: flex-end !important;
justify-content:leftjs-content:left
jc:left
justify-content: left !important;
justify-content:rightjs-content:right
jc:right
justify-content: right !important;
justify-content:space-betweenjs-content:space-between
jc:space-between
justify-content: space-between !important;
justify-content:space-aroundjs-content:space-around
jc:space-around
justify-content: space-around !important;
justify-content:space-evenlyjs-content:space-evenly
jc:space-evenly
justify-content: space-evenly !important;