將div對準正確的中心到主格

Question

如何讓中心格正好居中父格。 這裏是我的示例http://jsfiddle.net/sVPDS/11/

中間圖像應該水平居中主要div。

Answer 1

你會嘗試在類carousl應用此css而不是你以前的風格 -

.carousl{ 
    display: table; 
    margin: auto; 
    background: none; 
    text-align: center; 
    position: relative; 
} 

您上一個和下一個按鈕將需要一些額外的填充或邊距，希望您可以照顧他們。謝謝

Answer 2

你需要一個適當的寬度說：寬度：100％;上課'carousl_img'。

編輯：

你還需要一個適當的'carousl'寬度。

Answer 3

剛剛從.carousl_img

Answer 4

刪除float: left風格與簡單的JS做到這一點，這將是完美的。所有你需要做的是包括這個

<script type="text/javascript" src="[DIR_PATH]/jquery.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var PW = $('div.product_detail').width(); 
     var LM = (PW/2).toFixed(2); 
     $("div.carousel").css('margin-left', LM+"px");  
    }); 
</script> 

不要讓我知道如果它解決