2013-10-20 214 views
-3

我試圖在頁面中心對齊此圖像。我試過「(在身體)」「文本對齊:中心;和顯示:內聯塊;(在CSS)」,但他們不工作。中心對齊圖像

這裏的的jsfiddle:http://jsfiddle.net/4TtHR/1/

這裏的CSS:

figure { 
    display: inline-block; 
    position: relative; 
    float: left; 
    overflow: hidden; 
    margin: 0 20px 20px 0; 
} 
+0

的可能dublicate [如何在一個div居中DIV - 水平(http://stackoverflow.com/questions/114543/how-to-center-a-div-in-a -div-horizo​​ntal?rq = 1)其他許多 – megawac

+0

@megawac我只是嘗試了幾個從該鏈接的事情,沒有一個工作。我設定了利潤率以及其他一些沒有結果的東西。 – user2680614

+0

http://jsfiddle.net/4TtHR/9/ – megawac

回答

1

您試圖居中浮動元素。

您可以簡單地將它包裝在div中,將其設置爲display:inline-block以包含子元素。然後將text-align:center應用於parent,以便集中div

jsFiddle here

1
figure { 
display: block; 
position: relative; 
overflow: hidden; 
margin: 0 auto; 
width: 50%; 
} 
+1

不起作用。 http://jsfiddle.net/4TtHR/7/embedded/result/ –