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