HTML 中，div 是一種常用的盒子元素，可以用來包裹其他元素。有時候我們希望 div 中的內容能夠垂直居中顯示，該怎么做呢？

以下是一種簡單的實現方式，我們可以將 div 對象的 display 屬性設置為 table，然后設置它里面的另外一個 div 的 display 屬性為 table-cell，再把該 div 的 vertical-align 屬性設置為 middle，如下所示：

div.container {
height: 150px;
border: 1px solid black;
display: table;
}
div.content {
display: table-cell;
vertical-align: middle;
}

在上述代碼中，我們首先創建了一個 div 容器，其類名為 container。我們設置該容器的高度為 150 像素，邊框為 1 像素黑色實線，并將其 display 屬性設置為 table。

然后我們在該容器中創建了另外一個 div 元素，其類名為 content。我們將該元素的 display 屬性設置為 table-cell，使其以表格單元格的形式呈現。此時，我們可以發現該元素的高度和容器的高度相等。

最后，我們將該元素的 vertical-align 屬性設置為 middle，使其內容垂直居中顯示。這樣，我們就實現了 div 內容垂直居中的效果。