Javascript 左对齐元素，使其在顶行居中并具有可变宽度元素

我想找到一种方法，将顶部居中的

左对齐

由于图像居中，并且我的页面包含不同宽度的不同图像，这似乎有点挑战性

以下是我的html结构：

一些内容

一种方法是获取图像的div和居中图像的边框之间的距离，并将此度量报告为我要对齐的元素的左边距

---

为了解决这个问题，我尝试使用基于窗口宽度的边距测量，但它不起作用。

当我试图提出一个清晰的问题时，我通过了

相互测试的部分是，javascript允许动态测量，我也可以动态地将其属性赋予其他元素

//获取左偏移量
var leftDistanceLogo=document.querySelector（“#image id”）.offsetLeft；
//作为以下元素的边距
document.querySelector（“.row collapse”）.style.marginLeft=leftDistanceLogo+“px”；

最后一个有趣的问题是，这段代码应该等到页面加载结束（否则offet将等于0），所以我用如下结构调用它：

window.addEventListener（“加载”），函数（事件）{
设置超时（（）=>{
var leftDistanceLogo=document.querySelector（“#image id”）.offsetLeft；
document.querySelector（“.row collapse”）.style.marginLeft=leftDistanceLogo+“px”；
}, 0);
});