HTML中的div是一個容器，可以在其中放置任何內容，但默認情況下其內容是左對齊的。要使div中的內容垂直居中，可以使用CSS的屬性和值來設置。

div{
display: flex; /*設置彈性盒模型*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}

使用以上代碼將div設置為彈性盒模型，其中justify-content屬性將子元素在水平方向上居中，而align-items屬性將子元素在垂直方向上居中。此時，即使div中的內容高度不同，它們總是垂直居中。