使用公式在div中居中圖像

Question

我正在使用公式方法將圖像集中在div中。

這裏是鏈接：http://fiddle.jshell.net/bPM73/10/

我不知道什麼是錯的公式中，該圖像是沒有得到居中。 我的意思是我想同時垂直和水平

請幫助。

Answer 1

#i4 { 
    display: block; 
    width:300px; 
    height:160px; 
    top:0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    position:absolute; 
    margin: auto; 
} 

這是一個竅門。你可以將它複製到你的小提琴並看到它會起作用。

Answer 2

我編輯了js並添加了位置：相對於你的包裝div。檢查了這一點http://fiddle.jshell.net/bPM73/24/

Answer 3

你只能用CSS3 box-align特性，使得它...所有的瀏覽器中工作（前綴黑客）

http://fiddle.jshell.net/bPM73/28/