javascript - 如何从动态计算的百分比 margin 中扣除 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)`);