如何从动态计算的百分比保证金中扣除10px？

Question

我正在像

一样向div动态添加一些点

 var space = 7.14286;
 for (i = 0; i <13; i++) { 
    $('div').append('<span class="point"></span>');
  }
 $('.point').css('margin-left', (space+'%') );

每个点都有：

.point{
      display:inline-block;
      width:20px;
      height:20px
}

我需要从每个边距中减去10px才能将.point精确定位在中心？如何动态扣除此值或将div的中心用作边距边框？

Answer 1

您应该像这样使用CSS calc()：

$('.point').css('margin-left', `calc(${space}% - 10px)`);