찾다

 >  Q&A  >  본문

CSS 그리드를 사용하여 내 div에 그리드 시스템을 어떻게 구현할 수 있나요?

2개의 열이 있는 div를 만들고 싶습니다. 상위 div에 항목을 추가할 때는 첫 번째 열에 있어야 하고, 첫 번째 열에 3개의 요소가 있고 다른 항목을 추가하려면 두 번째 열에 있어야 합니다. 제가 찾고 있는 이미지는 다음과 같습니다.

인터넷에서 응답을 찾지 못했습니다. CSS 그리드 생성기를 사용해 보았으나 결과가 없었습니다..

CSS Grid Generator를 사용했는데 정답을 알 수 없습니다

P粉195200437P粉195200437491일 전502

모든 응답(2)나는 대답할 것이다

  • P粉427877676

    P粉4278776762023-09-09 00:57:36

    알겠습니다...메시 흐름에 문제가 있는 것 같습니다. 변경하려면 grid-auto-flow:column; 就是这样,网格的流程将从行更改为列。您可以根据需要更改grid-template-rows를 사용하세요.

    회신하다
    0
  • P粉469090753

    P粉4690907532023-09-09 00:09:36

    HTML에서 해야 할 일은 다음과 같습니다:

    으아악

    및 CSS:

    으아악

    데모

    회신하다
    0
  • 취소회신하다