CSS 그리드 레이아웃 생성
그리드 열의 수, 행 높이, 간격 및 첫 번째 교차 열의 수를 설정하고 레이아웃을 실시간으로 봅니다.
라이브 미리보기
CSS 그리드 레이아웃 생성 사용자 설명서
- 매개변수를 채우거나 양식에 따라 파일을 선택하고 먼저 단위를 확인하고 형식을 확인합니다.
- 3열 카드 레이아웃, 첫 번째 항목은 두 개의 열을 차지합니다.
- 처리 버튼을 클릭하여 결과를 보려면 복사하거나 다운로드하고 저장할 수 있습니다.
계산 방법 및 처리 규칙
반복 및 MinMax 그리드 트랙을 생성하고 첫 번째 범위를 구성합니다.
사용 범위
고정 열의 수가 사용됩니다. 좁은 화면은 최대 12개의 열까지 미디어 쿼리를 자체적으로 추가할 수 있습니다.
입력 내용이 서버에 저장됩니까?
이 도구는 브라우저에서 입력을 처리하며 파일이나 양식 콘텐츠를 업로드하지 않습니다. 입력 연습 점수는 기본 브라우저에만 저장됩니다.
결과가 다른 도구와 다를 수 있는 이유는 무엇입니까?
고정 열의 수가 사용됩니다. 좁은 화면은 최대 12개의 열까지 미디어 쿼리를 자체적으로 추가할 수 있습니다. 입력 단위, 반올림 방법, 해당 규칙 및 데이터 버전을 먼저 비교하십시오.