SOURCE

// 定义容器和元素大小
const containerWidth = 1880;
const containerHeight = 780; 

const itemWidth = containerWidth / 20;  
const itemHeight = containerHeight / 10;

// 位置数组
const positions = [];

// 生成所有格子位置
for(let i = 0; i < 200; i++) {
  const row = Math.floor(i / 20);
  const col = i % 20;

  positions.push({
    row,
    col  
  });
}

// 洗牌位置数组
positions.sort(() => Math.random() - 0.5);
console.log(positions);
// 获取元素
// const elements = document.querySelectorAll('.element');

// 分配位置
// positions.forEach((pos, index) => {

//   const element = elements[index];

//   // 设置样式
//   element.style.left = pos.col * itemWidth + 'px';
//   element.style.top = pos.row * itemHeight + 'px';

// });