space-between 했는데 마지막꺼만 왜 안맞춰지는건지..
관련링크
본문
홈페이지 메인인데
space-between을 했습니다.
그런데 4개를 하면 마지막 박스가 정렬이 안맞고
5개를 하면 마지막 박스 정렬이 잘 맞게 되네요..
4개를 했을 때도 정렬이 맞게 하려면 어떻게 해야 할까요?ㅜㅜ
[4개일때]
[5개일때]
답변 2
css 를 다음과 같이 변경 해보세요
#m_bus .list{
display: grid ; justify-content: space-between; width: 50%; grid-template-columns: repeat(2, 1fr); gap: 50px;
}
#m_bus .list li{
width: auto;
}
감사합니다!
1, 3, 5, 7, 9 레이아웃으로 정해져있으니 그대로 쓰셔야합니다. 원하는 데로 잡으실려면 css공부하셔야합니다.
어떤것때문에 정해져있는걸까요..?ㅜㅜ4개하고싶은데 풀 수 있는 방법은 없을까요ㅠㅠ
gap을 주니 되네요 감사합니다
답변을 작성하시기 전에 로그인 해주세요.
