2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
선생님 css질문 하나있습니다 .... 예1)
예2)
제가 부모 테그에서 { width : 100%, display :flex , flex-wrap :wrap, justify-content: space-between; }해주었습니다.
이게 요청받아온 배열들을 보여주는데, 경우에 따라 배열길이 들이 다 다릅니다.
가로에서 4개씩 보이도록 자식박스 width :24%로 잡아주었씁니다.
그런데 위에서부터쭉 내려온 박스들이 마지막 열에서 2개나 3개가 배치되면 저렇게 빈공간이 생기게 되는 경우가 생겨서
아무리 여러가지 flex속성들 계속 조정해 보아도... 마지막 열의 박스들이 왼쪽으로 차례로 정열이 되지않습니다 ㅠㅠ...
박스:last-child { flex관련 여러 속성 들로 조정해 보아도 움직이질 않더라구요 ㅠㅠ...}
그래서 다른방법으로 부모에서 justify-content 속성을 주지않고 자식 박스들의 margin 좌우 값을 조금씩만 주고 좌우 공간을
주려구 했지만, 반응형으로 폭을 줄일수록 margin 값때문인지 조금만 폭을 줄여도 오른쪽 축이 바로내려가 버립니다....
justify-content: space-between; 이였으면, 제가 미디어쿼리에서 설정한 부분에서 보여주는 개수 폭이 줄어들텐데.....
이걸 어떻게 수정을 해야 될지 검색을 해도 잘 나오지가 않습니다 ㅠㅠㅠ.
그래서 마지막 열도 계획 데로 가로갯수가 2개거나, 3개여도 외쪽으로 차례데로 정열되게 할려면
선생님 ㅠㅠ... 이걸 어떤 속성을 주거나 어떤 다른 방법을 해줘야 할까요?ㅠㅠㅠ......
이런식으로 요....
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.