플렉스(Flex) - 부모요소에 쓰는 속성(align-content)
208
작성한 질문수 64
안녕하세요ㅎ 질문드립니다.
1. 첫 번째 이미지는 flex-wrap: wrap;과 align-items: center를 줬고
두 번째 이미지는 flex-wrap: wrap;과 align-content: space-around를 줬는데 두 개 결과가 동일하게 나오는데
이런 경우에는 align-content를 쓸 필요가 없는건가요?
2. align-items와 align-content는 둘 중 하나만 적용되는 속성인가요?
부모 크기가 줄면 자식 요소들을 어떻게 배치할 지 미리 생각하고 align-items를 쓸지 align-content를 쓸지 선택해야 하는건가요?
두 속성이 비슷한 속성이다보니 약간 혼동이 오네요
그리고 플렉스(Flex) 핵심이론 파트에서 "부모요소에 쓰는 속성(align-content)" 강의가 flex-wrap -> flex-flow -> 다음으로 와야 할꺼 같습니다.
flex-wrap을 먼저 들어야 align-content를 들을 수 있는거 같아서요.
약간 강의 순서가 바뀐 거 같습니다.
답변 1
1
영상 순서는 코더님 말씀이 맞는거 같네요. 수정했어요~
align-items와 align-content의 사용용도 차이는...
align-items는 자식요소가 1개 있거나 여러개 있어도 줄이 바뀌지 않는 경우, align-content 자식요소가 여러개 있을 경우 줄이 바뀌는 상황 정도로 이해하시면 될 것 같아요
그리고 질문 주신걸 제가 해봤는데 결과가 전혀 달라지는데 왜 그런지 모르겠네요.
▼ align-content: space-around 사용하지 않은 경우
▼ align-content: space-around 사용한 경우
▼ align-items: center 사용한 경우
▼ align-content: center 사용한 경우
가로스크롤
1
458
1
상위 태그 영역 무시 하는 방법
1
842
2
반응형 적응형 구분
2
803
2
flex가 적용되면 하위에 있는 인라인의 속성은?
1
359
1
슬릭 슬라이더 버튼
1
370
1
slick 모바일로 변환했을때..
1
607
1
x scroll 이 왜 생기는 걸까요?
1
870
1
영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)
1
249
1
모바일에서 이미지 짤림 현상
1
2742
2
질문 있습니다
1
241
1
안녕하세요
1
259
1
모바일버전에서 스크롤이 생겨서요 ㅜㅜ
1
289
1
반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.
1
387
2
슬라이딩 스크롤이 이상하게 먹혀요!
1
407
2
slick slider 하는데 패딩이 안먹혀요
1
764
2
제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.
1
317
1
혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?
1
250
1
소스랑 자료 다운로는 어디서 받을 수 있나요?
1
299
1
반응형 헤더 네비게이션 강의 질문있습니다.
1
203
1
그 반응형 질문 있습니다
1
225
1
질문드립니다 강사님
1
288
2
flex 레이아웃 배치 질문있습니다.
1
220
1
미디어쿼리 반응형 만들때 사이즈 질문있습니다.
1
201
1
인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.
1
972
1