在我們的代碼編寫當中，有許多的元素是不定高的，也就是說它們的高度會隨著內容的變化而變化。那么這些元素的垂直居中應該怎么實現呢？

針對這個問題，我們可以使用一些 CSS 技巧來解決。首先，我們需要明白的是，實現不定高元素的垂直居中需要滿足兩個條件：

1. 父元素要有確定的高度

2. 子元素要有 position: absolute 屬性

這是一個不定高元素

通過上面的代碼，我們可以看到我們的父元素 .parent 設置了寬高，而子元素 .child 設置了 position: absolute 并利用 top 和 transform 來實現垂直居中。

除此之外，我們還有其他的一些方式來實現不定高元素的垂直居中，但實現過程大致相同。需要注意的是，在使用絕對定位和 transform 屬性時，我們需要格外注意不要影響到其他元素的布局。