我试图将动画与中心对齐,我尝试使用 CSS,似乎没有任何效果,我什至尝试调整填充和边距以查看是否发生任何变化,但它们没有。
https://gyazo.com/b5b6b9f64e01ccfb107a63470ec5a544
在第一个 Gyazo 链接中,它看起来居中,但在我加载网页时的屏幕截图中,它根本没有居中。
https://gyazo.com/f920e6004c39dc19eaadbe5f73abd7ae
抱歉,它在 Gyazo 链接中,我尝试上传 JSFiddle 链接,但我无法弄清楚如何上传带有所有 4 个缩进等的代码,所以我希望您拥有所有需要的信息。
父 div 需要 100% 宽度并且文本居中对齐。孩子只需要考虑高度/宽度。
.parent {
width: 100%;
text-align: center;
}
.child {
width: 300px;
height: 200px;
}
<div class='parent'>
<iframe class='child' src="https://www.example.com/" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句