Javascript 随机css属性对每个框应用不同的数字

单击文本框两次以首先加载框

然后你会看到它们在每次加载时都有随机的填充和边距，但我试图让它们在每个对象上有所不同，但我被卡住了，有人知道如何做到这一点吗

function randomMargin(){
        $('.box').each(function(){
            randomizeObject(this); 
        });
    }

    function randomizeObject(el){
        var randomnumber1=Math.floor((Math.random()*51)+50);
        console.log(randomnumber1);
        var randomnumber2=Math.floor(Math.random()*101 + 50);
        console.log(randomnumber2);
        $(el).css({"padding": randomnumber1+"px", "margin": randomnumber2+"px"});
    }
    randomMargin();

也希望布局能稍微有点像砖石一样，哈哈，不知道为什么它不是以一种更复杂的形式来布局

randomizeObject(this); 

我认为应该是这样的：

randomizeObject($(this)); 

---

你是想把盒子按随机顺序做成一个粗略的网格吗？不是随机顺序，只是让填充物随机调整大小，然后用边距将它们分散开来