方法1:寬度和高度已知的。思路：
給父元素相對定位
給子元素絕對定位
left: 50%;top: 50%;
margin-left: 負的寬度一半。
margin-top: 負的高度一半；
2626 27 28
29 30
31
方法2：寬度和高度自己未知意思就是說子盒子本身還是有寬度和高度的，只是自己未知。
思路：
給父盒子相對定位
給子盒子絕對定位
top、right、bottom、left全為0
margin: auto;
2631 32 33
3435 36
37
css3實現那麼，問題來了，如何垂直居中乙個.element方法3：flex布局
?
//的容器設定如下
#container
div盒子水平垂直居中的方法
這個問題比較老，方法比較多，各有優劣，著情使用。一 盒子沒有固定的寬和高 方案1 transforms 變形 這是最簡單的方法，不僅能實現絕對居中同樣的效果，也支援聯合可變高度方式使用。內容塊定義transform translate 50 50 必須加上 top 50 left 50 優點 1.內...
div盒子水平垂直居中方法
這個問題比較老，方法比較多，各有優劣，著情使用。一 盒子沒有固定的寬和高 方案1 transforms 變形 這是最簡單的方法，不僅能實現絕對居中同樣的效果，也支援聯合可變高度方式使用。內容塊定義transform translate 50 50 必須加上 top 50 left 50 優點 1.內...
div垂直居中 css div盒子上下垂直居中
div垂直居中 css div盒子上下垂直居中,讓div盒子在任何瀏覽器中任何解析度的顯示屏瀏覽器中處於水平居中和上下垂直居中。div垂直居中常用於單個盒子，如乙個頁面裡只有乙個登入布局，使用div css讓這個登入布局水平和css垂直居中。這裡介紹一種最簡單相容性最好的水平居中與上下垂直居中的方法...