CSS中，垂直居中一直是一個比較棘手的問題，特別是在不知道元素的高度的情況下。但是，冒號垂直居中是一種比較常用的方法，今天我們就來介紹一下這種方法。

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

如上述示例代碼，我們可以使用flexbox布局來實現冒號垂直居中。在父元素上設置`display: flex;`，并設置`justify-content`和`align-items`的值為`center`，子元素就可以垂直居中了。

需要注意的是，通過這種方式實現的垂直居中，是以父元素的高度為基準的。如果父元素的高度被撐高了，那么子元素的垂直位置就會往下偏移，所以在實際使用中，需要注意對父元素高度的處理。