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

space-between 했는데 마지막꺼만 왜 안맞춰지는건지.. 채택완료

sliverzero 10개월 전 조회 1,495

홈페이지 메인인데
space-between을 했습니다.
그런데 4개를 하면 마지막 박스가 정렬이 안맞고

5개를 하면 마지막 박스 정렬이 잘 맞게 되네요..

4개를 했을 때도 정렬이 맞게 하려면 어떻게 해야 할까요?ㅜㅜ

 

[4개일때]

http://sir.kr/data/editor/2412/1025970347_1735517437.3795.png" width="100%" />

 

[5개일때]

http://sir.kr/data/editor/2412/1025970347_1735517471.2483.png" width="100%" />

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

답변 2개

채택된 답변
+20 포인트
10개월 전

css 를 다음과 같이 변경 해보세요

 

</p>

<p>#m_bus .list{</p>

<p>display: grid ; justify-content: space-between; width: 50%; grid-template-columns: repeat(2, 1fr); gap: 50px;</p>

<p>}</p>

<p>#m_bus .list li{</p>

<p>width: auto;</p>

<p>}</p>

<p>

 

http://sir.kr/data/editor/2412/978180634_1735520199.7067.png" width="100%" />

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

답변에 대한 댓글 1개

s
sliverzero
10개월 전
감사합니다!

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

웅푸
10개월 전

1, 3, 5, 7, 9 레이아웃으로 정해져있으니 그대로 쓰셔야합니다. 원하는 데로 잡으실려면 css공부하셔야합니다.

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

답변에 대한 댓글 2개

s
sliverzero
10개월 전
어떤것때문에 정해져있는걸까요..?ㅜㅜ4개하고싶은데 풀 수 있는 방법은 없을까요ㅠㅠ
s
sliverzero
10개월 전
gap을 주니 되네요 감사합니다

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

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

로그인