찾다

 >  Q&A  >  본문

그리드 템플릿 영역을 사용하여 그리드를 표시하는 것이 작동하지 않는 이유는 무엇입니까?

그리드 템플릿 영역을 통해 요소 배열을 구현하려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요?

으아악 으아악

https://codesandbox.io/s/blissful-bush-tngxm8?file=/src/styles.css

P粉541796322P粉541796322471일 전734

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

  • P粉513318114

    P粉5133181142023-09-10 14:58:12

    사용 시 grid-template-areas时,您需要将grid-area 값은 그리드 내의 요소에 할당됩니다.
    즉, 다음 css 코드를 추가하면 원하는 결과를 얻을 수 있습니다.

    으아악

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