在app開發中，我們經常會遇到需要將一個元素在其父元素中上下居中的需求。這個需求看起來很簡單，但實際上考慮到不同設備、不同瀏覽器的兼容性問題，實現起來并不容易。

我們可以通過使用CSS的flex布局來解決這個問題。首先，在父元素上設置display: flex屬性，將其轉換為一個flex容器，然后在子元素上添加align-self: center屬性，使其在縱向上居中。

.parent {
display: flex;
height: 200px;
justify-content: center;
align-items: center;
}
.child {
align-self: center;
}

接下來，我們可以考慮一下在不使用flex布局的情況下，如何實現縱向居中。我們可以通過使用絕對定位，將子元素的top和left屬性同時設置為50%，然后再利用translate屬性將其向上平移自身高度的一半，實現縱向居中。

.parent {
position: relative;
height: 200px;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上就是在app中實現縱向居中的兩種方法，可以根據需求選擇合適的方法來解決問題。