바탕의 가로가 아무리 늘어나도, div(left)가 딸려 올라오는 개수를 한정시킬 수 있나요?
나라찬
2024.04.27
안녕하세요?
아래와 같이 작은 div를 페이지에 죽 연결하였습니다.
div의 폭은 모두 다릅니다.
댓글로 알려주셔서 max-width를 써보았는데, 폭이 모두 다르기 때문에 적용하기가 너무 어렵네요 ㅠ[html]
div1
div2
.....
div10
[/html]제가 원하는 것은 창 크기에 따라 가로로 div가 배열되는 겁니다.
div들은 창의 100%에 맞도록 사이가 일정하게 벌어집니다.
결과물은 아래와 같습니다. div1 div2 작은 창
div1 div2 div3 중간 창
div1 div2 div3 div4큰 창
div1 div2 div3 div4 div5더 큰창
div1 div2 div3 div4 div5 div6
그런데 한 칸에 div는 최대 여섯 개까지만 올라오게 하고,
div7은 그대로 왼쪽에 있어야 하는데요.
창을 더 키우니 그 아래에 딸려 있던 div7까지 저절로 올라옵니다.
div1 div2 div3 div4 div5 div6 div7 (x)
한 칸에 최대한 6개의 div만 오도록 할 수 있는 방법이 있을까요?
div1 div2 div3 div4 div5 div6(o)
div7 div8
고수님들 부탁드립니다. 감사합니다~~~