如何从动态计算的百分比差额中扣除10px？

Question

I am adding some points to a div dynamically like

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

while each point has :

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

I need to deduct 10px from each margin to locate the .point exactly at the center? How can I dynamically deduct this or use the center of div as margin border?

Answer 1

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

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