테스트 사이트 - 개발 중인 베타 버전입니다

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

그누보드이해하기 2년 전 조회 2,379

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

 

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

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

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

 

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

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

 justify-content: space-between

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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

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

* * *
* *
리오닥터
2년 전
사이트 확인가능하나요
그누보드이해하기
2년 전
접속할 수 있는 사이트가 아니고 지금 만들려고 하는 거라..
리오닥터
2년 전
그러면
flex-direction 로해서 로우로 맞춰보세요
https://dev-syhy.tistory.com/30

flex-wrap 이건 반응형 할때 필요하구요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인