這篇文章給大家介紹怎么在CSS中設(shè)置元素垂直居中，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

成都創(chuàng)新互聯(lián)專注于巴彥淖爾企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站建設(shè)。巴彥淖爾網(wǎng)站建設(shè)公司,為巴彥淖爾等地區(qū)提供建站服務(wù)。全流程定制制作，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

1.容器里面的內(nèi)容只有一行文字

  
  
    

      測試
    
  

2.容器自然高度

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

   
    
      

         測試
      
    

3.使用 FlexBox

  
  
    

      測試
    
  

關(guān)于怎么在CSS中設(shè)置元素垂直居中就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。