CSS中有許多方法可以使元素在垂直方向上居中。以下是一些應用廣泛的技術。

1. 使用行高（line-height）

.example {
height: 100px;
line-height: 100px;
text-align: center;
}

在這個例子中，行高被設置為和元素的高度相等，這樣就會使元素內容在垂直方向上居中。

2. 使用絕對定位（absolute positioning）

.example {
position: relative;
}
.example p {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在這個例子中，父元素被設置為相對定位，而子元素被設置為絕對定位。通過將子元素的top屬性設置為50%，再通過transform: translateY(-50%)將其向上移動50%元素高度的距離，就可以使子元素在父元素的垂直中心線上居中。

3. 使用彈性盒子（flexbox）

.example {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

在這個例子中，父元素被設置為彈性盒子，而子元素會自動在水平方向上居中。通過設置align-items: center就可以使子元素在垂直方向上居中。

以上是一些可行的方法，但并不是絕對的。選擇哪種方法要根據具體的情況而言，以實現最佳效果。