如何移动此图像的位置？

Question

I'm trying to move these images created with javascript. I have multiple images created with javascript and when I press the button to generate them, all the pictures stack up left to right in the order they were created. I want to position some of them on the website. Not sure how to do it.

Here is the code for one of the images that is created with javascript, the others are the exact same, just different names:

var headPic = document.createElement("img");
  headPic.src = headList[head];
  document.body.appendChild(headPic);

Answer 1

You can consider using flexbox.

You can refer to the web page :

You can also try my code.

 headList=[]; headList[0]="https://image.flaticon.com/icons/svg/1373/1373204.svg"; headList[1]="https://image.flaticon.com/icons/svg/1373/1373203.svg"; headList[2]="https://image.flaticon.com/icons/svg/1373/1373208.svg"; function go() { var container=document.getElementById("container"); for (var i=0;i<headList.length;i++) { var img=document.createElement("img"); img.src=headList[i]; container.append(img); } }

 div.container { display:flex; flex-direction:row; }

 <div class="container" id="container"> </div> <button onclick="go()"> Go </button>