考虑下面的例子:(现场演示)
HTML:
<div>div</div>
<iframe></iframe>
CSS:
div, iframe {
width: 100px;
height: 50px;
margin: 0 auto;
background-color: #777;
}
结果:
为什么iframe不像div一样集中对齐?我怎么把它放在中间?
当前回答
你可以把iframe放在<div>中
<div>
<iframe></iframe>
</div>
它可以工作，因为它现在在块元素中。
其他回答
添加显示:块;到你的iframe css。
Div, iframe { 宽度:100 px; 高度:50 px; 保证金:0自动; background - color: # 777; ｝ iframe { 显示:块; 边框样式:没有; ｝ < div > div < / div > < iframe的src = "数据:iframe " > < / iframe >
你可以把iframe放在<div>中
<div>
<iframe></iframe>
</div>
它可以工作，因为它现在在块元素中。
最简单的解决方法。
iframe {
margin:auto;
display:block;
}
如果你不能访问iFrame类，然后添加下面的css包装div。
<div style="display: flex; justify-content: center;">
<iframe></iframe>
</div>
对齐iframe元素的最简单代码:
<div align="center"><iframe width="560" height="315" src="www.youtube.com" frameborder="1px"></iframe></div>
