Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- align-items
- PX
- MARGIN
- flexbox
- inline
- inline-block
- 클론코딩
- 마진겹침
- flex
- box-sizing
- css
- google클론코딩
- Justify
- REM
- Block
- EM
- margin-collapsing
- font-size
- JavaScript
- justify-content
- clonecoding
- html
- WebProgramming
- Align
- Media
- boxmodel
- mediaquery
- content-box
- border-box
- box-shadow
Archives
- Today
- Total
목록flexbox (1)
Suhenism
[CSS Flex Box] justify-content, align-items
Flex Box CSS를 배우면서 제일 처음 부딪히는 난관이 Flex Box다. justify-content와 align-items의 차이는 뭔지, align-items와 align-content의 차이는 뭔지, justify-items와 align-content는 정확히 뭔지 정말 헷갈린다. 결론부터 말하면, justify-content는 flex-direction 방향과 수평인 방향 align-items는 flex-direction 방향과 수직인 방향 이다. 이번 포스팅에선 justify-content와 align-items의 차이가 뭔지 확실하게 정리해보자. (Flex Box를 공부하기 가장 좋은 방법은 flexbox froggy 게임을 여러번 하는 것이다. URL을 제일 아래에 걸어두겠다.) 먼저..
Coding 코딩/CSS
2022. 9. 9. 18:21