CSS元素垂直居中

    CSS讓人頭痛的問題就是垂直居中。實現垂直居中好幾種方式，但每一種方式都有一定的限制,所以垂直居中可以根據實際的業務場景來使用。

1.容器裡面的內容只有一行文字

  
  
    

      测试
    
  

#2.容器自然高度

    CSS中最簡單的垂直居中方法是給容器相等的上下內邊距，讓容器和內容自行決定自己的高度。看下面的範例, 透過設定padding-top 和padding-bottom相等的值，讓內容在父容器垂直居中。

   
    
      

         测试
      
    

3.使用FlexBox

  
  
    

      测试
    
  

推薦：《2021年CSS面試題彙總（最新）》

以上是CSS元素垂直居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！