通过HTML / JS居中图片

如何解决通过HTML / JS居中图片

我正在尝试将图像放在Qualtrics上。我尝试了很多发现的代码，但是没有用。

我已经尝试过的例子：

<style>
    .img-container {
        text-align: center;
        display: block;
    }
</style>




.center {   
    display: block;   
    margin-left: auto;   
    margin-right: auto; 
 }



<style> 
    .ChoiceStructure {     
        text-align: center;
    } 
</style>

首选是使用HTML或JavaScript而不是CSS，因为中心是针对特定问题的。

在问题中，图像的URL显示在LOOP＆MERGE中，所以我没有在代码中写入图像的特定名称。

有什么建议吗？

非常感谢！

解决方法

下面的简化示例使用flex和justify-content。

对于您而言，您可能不需要将div用作容器.img-container。

span样式规则只是一个简单的示例，您根本不需要它。

div {
    display: flex;
    justify-content: center;
}

span {
    background-color: aqua;
    width: 300px;
    height: 300px;
 }

<div>
<span></span>
</div>

因此，您的情况应该是：

.img-container {
    display: flex;
    justify-content: center;
}