그리드 가운데 맞춤

첩살이

2021-10-25 (월) 15:31:39 1,120

그리드 열을 가운데에 맞추려면 어떻게 해야 합니까?

.example-grid {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(5, 1fr);
}

그리드 항목은 왼쪽으로 정렬이 되요 ㅠㅠ

css

채택된 답변

+20 포인트

엘레노야

2021-10-25 (월) 15:37:11

section {

width: 400px;

height: 400px;

border:1px solid #ccc;

display: grid;

justify-content: center;

align-content: center;

gap: 4px;

grid-auto-flow: column;

}

div{

background:#777;

color:#fff;

padding: 30px;

}

답변을 작성하려면 로그인이 필요합니다.