问题描述
我正在尝试将图像放在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;
}