如何让中心 div 完全以父 div 为中心。这是我的示例http://jsfiddle.net/sVPDS/11/
中间图像应该水平居中到主 div。
只需float: left
从中删除样式.carousl_img
只需用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>
如果解决了,请告诉我
你需要一个合适的宽度说:宽度:100%;在“carousl_img”类上。
编辑:
您还需要在“carousl”上设置适当的宽度。
你会尝试css
在课堂上应用这个而不是你以前的风格carousl
-
.carousl{
display: table;
margin: auto;
background: none;
text-align: center;
position: relative;
}
您的上一个和下一个按钮将需要一些额外的填充或边距,希望您能照顾好它们。谢谢