-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
해결됨
divideLine에 margin을 줘서 떨어트리는 방법말고는 없나요?
22.12.19 15:42 작성 22.12.19 17:29 수정 조회수 198
0
싸이월드 만들기 5탄에서
divideLine에 옹기종기 붙은 곳을
margin 값을 넣어 서로 분리하셨습니다.
저는 margin에서 임의의 값을 넣어 떨어트리지 않고
justify-content: space-between 으로
각 영역을 균등하게 떨어트리고 싶은데,
wrapper__header 부분이
flex-direction: column으로 되어서
justify-content로는 안되는데,
혹시 다른방법은 없나요?
답변을 작성해보세요.
0
코드캠프
지식공유자2022.12.20
안녕하세요 경석님
코드 작성된 내용을 전달해주시지 않아 정확한 피드백이 불가하지만
프리캠프 수업에서 진행된 내용과 동일한 코드리는 전제 하에 답변드립니다.
justify-content: space-between으로 각 영역을 균등하게 떨어트리는 것도 가능합니다.
다만, wrapper__header 부분에서 height를 정확히 지정해주셔야합니다.
column으로 justify-content의 기준을 높이로 보기 때문에 height가 없으면 적용이 되지 않습니다.
답변드린 내용을 참고하셔서 적용해보세요.
답변 1