javascript - 使用 nth-of-type 设置一组八个元素的样式？

Question

我想设置一组 div 的样式，以便每八个元素获得相同的左侧定位。所以不是每八个元素，而是一组八个元素。 我已经用 css/jquery 试过了，但它只为每八个元素设置样式，这是错误的。

var cells = $('.board-cells'),
        cellUnit = 70,
        startPos = -35;

    var left;
    for(j=0; j<8; j++){
      left = startPos+(cellUnit*j+1) + 'px';
    }
    for(i=0; i<cells.length; i+=8){
      var cellItem = $('.board-cells:nth-of-type('+i+'n+0)');
      cellItem.css('left', left);
    }

Answer 1

如果你想制作一个网格，你可以创建一个固定宽度的外部 div，然后每个瓦片可以有一个固定的宽度，大约是外部 div 宽度的 1/7，并且有 float: left 样式.

如果您的数学计算正确，那么每第 8 个 div 应该自动换行到下一行。

在此处阅读 float div(和清除 float !)https://css-tricks.com/all-about-floats/全餐交易