如何移動此圖像的位置？

Question

我正在嘗試移動這些用 javascript 創建的圖像。 我有多個用 javascript 創建的圖像，當我按下按鈕生成它們時，所有圖片都按照創建順序從左到右堆疊。 我想在網站上定位其中一些。 不知道該怎么做。

這是使用 javascript 創建的圖像之一的代碼，其他圖像完全相同，只是名稱不同：

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

Answer 1

您可以考慮使用 flexbox。

你可以參考網頁：

你也可以試試我的代碼。

 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>