我遇到一个问题,我必须将两个安全封条放在响应式付款表单底部的中央,其中一个工作正常,但另一个包含标签的工作不正常
<div class="container">
<div class="row text-center">
<div class="footer">
<div class="col-md-12 col-sm-12" >
<script type="text/javascript" src="https://sealserver.trustwave.com/seal.js?code=<?= $this->model->getTWKey() ?>"></script>
</div>
<div class="col-md-12 col-sm-12" >
<span id="cdSiteSeal2" >
<script type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?scriptId=cdSiteSeal2&cdSealType=Seal2&sealId=55e4ye7y7mb73952743bf753a95b7cfvma3y7mb7355e4ye734fda9346a2ed18a"></script>
</span>
</div>
</div>
</div>
</div>
可以看到页面here .我尝试了几种不同的方法(即偏移和创建居中类 ala)
.img-center {margin:0 auto;}
但没有任何效果。
由于第一个 javascript 小部件中心很好,我只能得出结论,它正在做一些事情来阻止它工作。
我很确定我没有以完全正确的方式来做这件事,但我是后端开发人员而不是 UI 设计师,我只是想为我的客户提供一些东西。
最佳答案
通过检查 javascript 插入的元素,您可以看到它是一个需要居中的 div
,而不是图像。
尝试添加此 CSS 规则:
#siteSealFauxBadge > div {
margin: 0 auto;
}
关于javascript - 在 Bootstrap 3 中将 javascript 图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27924609/