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 | 31 |
Tags
- box-sizing
- align-items
- Justify
- content-box
- box-shadow
- 마진겹침
- JavaScript
- flex
- Block
- html
- PX
- justify-content
- EM
- flexbox
- google클론코딩
- css
- inline
- boxmodel
- inline-block
- font-size
- MARGIN
- Align
- 클론코딩
- Media
- margin-collapsing
- clonecoding
- mediaquery
- border-box
- REM
- WebProgramming
Archives
- Today
- Total
목록justify-content (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