Флекс бокс зроблений на JS (нами)

<div class="container test">
    <img src="http://placehold.it/100x100" class="flex-item" alt="" />
    <img src="http://placehold.it/100x100" class="flex-item" alt="" />
    <img src="http://placehold.it/100x100" class="flex-item" alt="" />
</div>


$(window).load(function(){
  / Stuff to do after the page is loaded /
   $conteinerWidth = $(".test").width();
   $flexItem = $(".test .flex-item").length;
   $totalItemWidth = 0;
   $(".flex-item").each(function(index, el) {
      $totalItemWidth += el.width;
   });
   $emptyWidth = $conteinerWidth - $totalItemWidth
   $flexItem +=1
   $margin = $emptyWidth / $flexItem;
   $marginSUPER = $margin;
   $margin /=2;
   console.log($margin +" $margin");
   $(".flex-item").css({"margin":  $margin});
   $(".flex-item").first().css({"marginLeft":  $marginSUPER});
   $(".flex-item").last().css({"marginRight":  $marginSUPER});
 });