Div偏離中心

Question

我試圖在屏幕上居中橫向和縱向的div，但不知何故它略微偏離中心。這是爲什麼？我認爲這是因爲內容的，但我不知道：d

我用

height:90%; 

和

margin-top:5% 

使其居中。

下面是完整的代碼： http://jsfiddle.net/7mNue/1/

Answer 1

http://jsfiddle.net/j8tBw/

盪滌標記一點，在父DIV.container（見下面的鏈接，特別是）應用display: flex，並用center柔性CSS屬性。

.container { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

.inlineflex { 
    display: inline-flex; 
} 

你可能會面臨在IE10的問題及以下，其他瀏覽器都好（見caniuse鏈接）

參考：在項目

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

http://caniuse.com/flexbox

Answer 2

在DIV應用margin: auto並設置一個全尺寸（width & height）。

Answer 3

試試這個

.popup{ 
    width:100%; // remove this and add below style 
    max-width:100%; 
} 

.popup img{ 
    max-width:100%; 
} 

Answer 4

box-sizing: border-box有保證金和填補應該整理出來