CSS 그리드의 마지막 행에 요소를 수직으로 가운데 정렬하는 방법은 무엇입니까?
<p>CSS 그리드를 사용하여 다음과 같이 일부 항목을 배치하고 있습니다...</p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">#container {
디스플레이: 그리드;
그리드 템플릿 열: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%;
}
.안건 {
배경: 청록색;
색상: 흰색;
패딩: 20px;
여백: 10px;
}</pre>
<pre class="brush:html;toolbar:false;"><div id="container">
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<div class="item">항목</div>
<p><br /></p>
<p>마지막 행을 왼쪽 정렬 대신 가운데 정렬로 만들려면 어떻게 해야 하나요? 항목 수를 보장할 수 없으므로 레이아웃이 항목 수에 관계없이 작동할 수 있기를 바랍니다. </p>
<p>이것이 제가 Flexbox를 사용해야 하는 것인가요? 아니면 CSS 그리드를 사용하기에 적합합니까? </p>
