CSS Grid Layoutでの縦方向の中央寄せについて

Question

<div class="grid">
	<div class="item num1">1</div>
	<div class="item num2">2</div>
	<div class="item num3">3</div>
	<div class="item num4">4</div>
	<div class="item num5">5<br>5<br>5<br>5</div>
	<div class="item num6">6</div>
	<div class="item num7">7</div>
	<div class="item num8">8</div>
	<div class="item num9">9</div>
</div>

.grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}
.item{
	border: 1px solid blue;
}
.item.num4{
	display: grid;
	align-items: center;
}

画像の4番のように縦方向に中央寄せしたいと考えています。
現在4番のカラムのcssに
display: grid;
align-items: center;
を適用することで実現できていますが、4番の中の要素がgrid itemになってしまうため
不便な場合がありそうです。
vertical-align: middle;の様な感じで簡単に中央寄せする方法はありますでしょうか？
よろしくお願い致します。

Answer 1

下記追加で、理想の表示になりませんでしょうか。

.item {
    display: flex;
    align-items: center;
    justify-content: center;
}

Comments

[webgoto]

ご回答ありがとうございます。
この方法でも実現できました！
他の方法もあれば知りたいので、とりあえず回答募集を続けさせていただきます。