[英]How to get elements position, if it is centered with `margin:auto`
[英]How to position elements for auto overlap
我在固定大小的div中有可变数量的元素。 只要有<= 5个元素,它们就有足够的空间并排放置。 但是,一旦有更多,我希望它们彼此之间越来越轻微地重叠,因此它们都留在div内。 可以将其视为在游戏中持有可变数量的纸牌。 除了用JavaScript在添加/删除元素上“手动”控制它之外,我想不出任何方法来做到这一点。 有没有办法让浏览器为我处理这种情况?
$(document).ready(function(){
$("ul").each(function(){
var total = $(this).find("li").length;
var elWidth = 100; //Element width
if(total > 5) {
var space = Math.ceil((((elWidth * total)-(elWidth * 5))/total)/2);
$(this).children("li").css("margin","0 -"+space+"px");
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.