在使用CSS布局時，經常會遇到需要將一個元素垂直居中的情況。如果這個元素的高度是固定的，那么使用CSS是比較簡單的，可以通過設置margin來實現。但是如果不定高度的話，就稍微復雜一些了。

通常來說，我們可以使用絕對定位和負邊距來實現垂直居中。下面給出一個示例：

div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼中，我們通過將元素的position屬性設置為absolute來使其脫離文檔流，然后設置top和left屬性為50%，將元素的左上角移動到頁面水平垂直中心點。最后，使用CSS3的transform屬性配合translate函數來將元素的中心點對準頁面的水平垂直中心點，從而實現了垂直居中。

但是這種方法的缺點是，當元素的內容太多時，就會導致元素超出頁面的邊界。所以，我們可以嘗試使用另一種方法來實現垂直居中。這種方法是通過使用display屬性和vertical-align屬性來實現的。代碼如下：

.parent {
display: table-cell;
vertical-align: middle;
}
.child {
display: inline-block;
vertical-align: middle;
}

上面的代碼中，我們為父元素(.parent)設置了display: table-cell和vertical-align: middle屬性，而將子元素(.child)的display屬性設置為inline-block，并且也設置了vertical-align: middle屬性。這樣，當父元素和子元素的高度不同時，也能夠實現垂直居中。

總的來說，CSS實現不定高度垂直居中并不是很容易，但是我們可以通過一些技巧來解決這個問題。以上兩種方法都是比較常用的解決方案，可以根據實際情況選擇使用。