Как вычесть 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 из каждого поля, чтобы найти.точно в центре?Как я могу динамически вычесть это или использовать центр div в качестве границы поля?

Answer 1

Вы должны использовать CSS calc() примерно так:

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