CSS讓人頭痛的問題就是垂直居中。實現垂直居中好幾種方式，但每一種方式都有一定的限制,所以垂直居中可以根據實際的業務場景來使用。
1.容器裡面的內容只有一行文字
测试
#2.容器自然高度
CSS中最簡單的垂直居中方法是給容器相等的上下內邊距，讓容器和內容自行決定自己的高度。看下面的範例, 透過設定padding-top和padding-bottom相等的值，讓內容在父容器垂直居中。
测试
3.使用FlexBox
测试
推薦：《2021年CSS面試題彙總（最新）》
以上是CSS元素垂直居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！
