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