css 화면 넓비에 따라 보여주는 요소의 수를 정하고 싶은데 막힌 부분이 있습니다. 도와주세요!

css 화면 넓비에 따라 보여주는 요소의 수를 정하고 싶은데 막힌 부분이 있습니다. 도와주세요!

QA

css 화면 넓비에 따라 보여주는 요소의 수를 정하고 싶은데 막힌 부분이 있습니다. 도와주세요!

본문

3717510319_1673232783.8131.png

위에 그림처럼 부모 div에 padding을 주고 그 안에 요소는 화면 넓비에 따라서 한 줄에 들어가는 요소의 수가 변하도록 만들고 있습니다.

 

저는 flex-wrap을 통해 화면을 넘어가는 내용을 줄바꿈 처리했고,

요소의 간격이 일정하고 가운데로 정렬되게 하고 싶어서 justify-content: space-between을 설정했는데

한 줄에 들어갈 수 있는 요소의 수만큼 요소가 없으면 그림처럼 가운데서 비어있게 됩니다.

 

혹시 이걸 해결할 수 있는 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 1

 justify-content: space-between

이건 왼쪽 오른쪽으로 쏠리는 거라서 센터로 해보시던지 아님 뺴신게 좋아요

 

저는 파란색 요소가 파란색 점선으로 표시해둔 위치에 가길 원하는데
센터로 설정하면 요소 두 개가 가운데로 쏠려서 아래와 같이 되거든요 ㅜㅜ

* * *
 * *

답변을 작성하시기 전에 로그인 해주세요.
전체 586
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT