< CSS 중급 - Flex Layout >
- 반응형 웹(responsive web)에서 배치를 용이하게 해줌.
- 참고 사이트 : https://css-tricks.com
- display: flex; (container class에 flex 속성값 부여)
flex-direction: row; (가로로 일렬로 배치)
justify-content: center; (x축 가운데 배치)
justify-content: flex-end; (x축 우측 배치)
align-items: center; (y축 가운데 배치)
'프로그래밍(Programming) > CSS' 카테고리의 다른 글
| CSS 고급 - 미디어 쿼리 (Media query), 반응형 웹(Responsive Web) (0) | 2018.08.22 |
|---|---|
| CSS 중급 - z-index (0) | 2018.08.22 |
| CSS 중급 - Float Layout (0) | 2018.08.22 |
| CSS 중급 - Position Layout (0) | 2018.08.22 |
| CSS 중급 - 상속, Cascading (0) | 2018.08.22 |