方法一：針對塊級元素在塊級元素裡垂直居中比較容易，父級元素不設定高度，設定overflow: hidden;（記得！！）子元素也就是需要居中的這位，margin值上下設定成一樣的。
塊級元素
針對行內塊級元素在塊級元素裡垂直居中同上
方法二：針對行級元素在塊級元素裡垂直居中。上述方法不好使，我這裡採用行高的形式line-height: 100px;
a標籤方法三：有定位（absolute）的元素可以這樣設: top: 50%;margin-top: -子元素高度一半;
有定位
元素垂直居中方法
1 固定height的元素居中 1 使用絕對定位 相容所有瀏覽器，瀏覽器視窗縮小時，部分內容會消失 居中元素 content 2 在居中元素外插入乙個div 相容所有瀏覽器，瀏覽器視窗縮小時，內容不會消失 居中元素 main content 3 使用絕對定位，margin auto 相容所有瀏覽器，...
CSS垂直居中水平居中方法
center 剛在別人的部落格裡看到這種方法時真的覺得很奇葩，以下是大神的解釋 解釋 1 在普通內容流中，margin auto的效果等同於margin top 0 margin bottom 0。2 position absolute使絕對定位塊跳出了內容流，內容流中的其餘部分渲染時絕對定位部分不...
元素垂直居中方法總結
以下總結了一些常見的元素垂直居中方法 首先，基本的html和css為 wrap wrap div 我是前端狗 方法 方案一 絕對定位負margin50 方法 wrap v center 方案一 優化版 利用calc支援單位運算，致命缺點uc這2貨嗝屁了，國內移動端別想了 v center 方案一 再...