반응형
둘다 cross-axis를 기준으로 정렬한다.
align-content
- 여러줄로 요소들이 배치되어 있을 때, 이 여러줄에 대하여 적용된다.
- 따라서 한줄만으로 이루어져 있거나, nowrap속성이 적용되어 있다면 적용되지 않는다.
- justify-content와 같이 space-around 등의 속성을 사용할 수 있다.
align-items
- 여러줄이든 아니든 상관없다.
- 하나의 줄 내에 있는 요소들에 적용된다.
반응형
'Development' 카테고리의 다른 글
| var 변수와 스코프 (0) | 2022.01.07 |
|---|---|
| 자바스크립트의 특징; 인터프리터, 명령형, 함수형, 프로토타입 기반 객체지향 언어 ? (0) | 2022.01.03 |
| [JS] 생성자 함수 장점, 객체 리터럴 단점, 유용한 Object methods (0) | 2021.08.14 |
| 스파르타코딩클럽 완주! 기념 회고록, 후기! | 국비지원, 웹개발 풀스택, 온라인 강의 (0) | 2021.08.13 |
| [JS] var의 단점은? / 변수와 호이스팅, TDZ(Temporal Dead Zone) (0) | 2021.08.10 |
반응형
둘다 cross-axis를 기준으로 정렬한다.
align-content
- 여러줄로 요소들이 배치되어 있을 때, 이 여러줄에 대하여 적용된다.
- 따라서 한줄만으로 이루어져 있거나, nowrap속성이 적용되어 있다면 적용되지 않는다.
- justify-content와 같이 space-around 등의 속성을 사용할 수 있다.
align-items
- 여러줄이든 아니든 상관없다.
- 하나의 줄 내에 있는 요소들에 적용된다.
반응형
'Development' 카테고리의 다른 글
| var 변수와 스코프 (0) | 2022.01.07 |
|---|---|
| 자바스크립트의 특징; 인터프리터, 명령형, 함수형, 프로토타입 기반 객체지향 언어 ? (0) | 2022.01.03 |
| [JS] 생성자 함수 장점, 객체 리터럴 단점, 유용한 Object methods (0) | 2021.08.14 |
| 스파르타코딩클럽 완주! 기념 회고록, 후기! | 국비지원, 웹개발 풀스택, 온라인 강의 (0) | 2021.08.13 |
| [JS] var의 단점은? / 변수와 호이스팅, TDZ(Temporal Dead Zone) (0) | 2021.08.10 |
