Question

如何让中心div准确居中于父div。这是我的样本http://jsfiddle.net/sVPDS/11/

中间图像应该水平居中于主div。

Answer 1

只需从float: left

中删除.carousl_img样式即可

Answer 2

你需要一个合适的宽度说：宽度：100％;在班级'carousl_img'。

编辑：

'carousl'也需要适当的宽度。

Answer 3

只需使用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>

如果已解决，请告诉我

Answer 4

您是否会尝试在课程css中使用此carousl代替之前的风格 -

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

你的上一个和下一个按钮需要一些额外的填充或边距，希望你能照顾它们。感谢

将div与主div的精确中心对齐

4 个答案: