grid 혹은 flex 고수님들께 질문드립니다!

Question

컨테이너 안에 div 태그의 개수에 따라 컨테이너 영역을 위 사진처럼 분할하고 싶은데요3개의 경우까지는컨테이너{ display: flex; } 컨테이너 > div{ flex: 1 0 33%; }이런식으로 기준 너비를 33%로 고정함으로써 해결했습니다.근데 div가 4개가 되는순간 다시 너비를 50%씩 나눠가지고 높이를 50%로 나누는 과정을 못하겠는데요이런 경우는 어떻게 해결해야할까요??각 경우의 수를 그냥 하드코딩하는게 빠를까요..?도움 부탁드립니다 ㅠㅠ

자바국비뻐꾸기 · Answer

네 수작업으로 미리 세팅을 하셔야죵컴퓨터가 작성자분의 의도를 자동으로 캐치하는건 ai로 보시면 되서...ㅋㅋ부트스트랩 같은 경우는 12개 열의 그리드를 세팅해두고 사용자가 row 와 col을 지정해서 세팅하니까요제가 생각하기엔 수작업 그리드시스템을 정립하고, 적용하는게 맞는 것 같아요

yeori · Answer

display: grid; 를 써야합니다.

grid 혹은 flex 고수님들께 질문드립니다!

2개의 답변

Q&A 목록