直接對元素設定 padding: 10px 0; 就可以讓它垂直居中。
如果要水平垂直居中，那麼對文字內容的父元素新增乙個 text-align: center; 就行。
父元素設定，padding: 10px 0; 實現垂直居中
子元素設定，margin: 0 auto; 實現水平居中
父元素設定，display: flex; justify-content: center; align-items: center;
水平垂直居中的方法有很多，推薦 flex 彈性盒子和 transform，減少重排。
css垂直居中的方法
exa 相當於讓margin鋪滿整個父級元素，再用margin auto自動居中 exa 首先用top 50 和left 50 讓exa的座標原點 左上角 移動到container的中心，然後再利用負margin讓它往左偏移自身寬的一半，再往上偏移自身高的一半，這樣inner的中心點就跟contai...
CSS實現垂直居中的方法
垂直居中是css布局中十分常見的布局效果，在平時的工作中遇到的垂直居中布局大概分為以下的幾類 1，首先是單行文字居中，非常簡單，只需要設定父級元素的高和行高相等，或者設定本身元素為內聯塊或者塊元素，再設定高和行高相等就可以。1 doctype html 2 html 3 head 4 meta ch...
CSS垂直居中水平居中方法
center 剛在別人的部落格裡看到這種方法時真的覺得很奇葩，以下是大神的解釋 解釋 1 在普通內容流中，margin auto的效果等同於margin top 0 margin bottom 0。2 position absolute使絕對定位塊跳出了內容流，內容流中的其餘部分渲染時絕對定位部分不...