align-items
align-items 속성에 대한 유틸리티입니다.
직계 자식 요소들에 일괄적으로 align-self
값을 설정합니다. flexbox
에서는 cross-axis에 따라, grid
레이아웃에서는 column-axis에 따라 요소들의 정렬을 제어합니다.
클래스 | 약어 클래스 | 속성 |
---|---|---|
align-items:stretch | al-items:stretch ai:stretch | align-items: stretch !important; |
align-items:center | al-items:center ai:center | align-items: center !important; |
align-items:start | al-items:start ai:start | align-items: start !important; |
align-items:end | al-items:end ai:end | align-items: end !important; |
align-items:self-start | al-items:self-start ai:self-start | -ms-flex-align: start !important; align-items: self-start !important; |
align-items:self-end | al-items:self-end ai:self-end | -ms-flex-align: end !important; align-items: self-end !important; |
align-items:flex-start | al-items:flex-start ai:flex-start | -ms-flex-align: start !important; align-items: flex-start !important; |
align-items:flex-end | al-items:flex-end ai:flex-end | -ms-flex-align: end !important; align-items: flex-end !important; |