html 디자인 관련

Question

안녕하세요, 인터넷을 정말 많이 뒤져보고 chatgpt에게도 질문을 반복해봤으나 해결법을 못 찾아 질문 드립니다...ㅠㅠhtml 디자인을 아래 사진처럼 한 줄에 두 개의 튜플을 배치하고, 하나의 튜플에는 필드1과 필드2를 나란히 배치할 생각입니다.나름 table 태그로 구현해보려고 했으나 하드코딩으로야 구현했지만 db에서 값을 받아서 넣을 것 생각하니 불가능할 것 같더라고요. 또 튜플의 개수가 홀수라면 마지막 줄에 하나 남은 튜플은 중앙에 배치되면 안 되고 다른 줄의 왼쪽 배치된 튜플처럼 배치되게끔 하고 싶습니다.혹시 도움 주실 수 있는 분이 계실까요...ㅠㅠ 나름 열심히 계속 생각해봤는데 도저히 어떻게 해야 할지 모르겠어서 도움 요청합니다.

doooss · Answer

grid 를 활용해 보세요 예제display: grid; grid-template-columns: repeat(2,1fr);이런 식으로 wrapper 을 작성하면 될겁니다.

html 디자인 관련

1개의 답변

기술 목록