如何水平居中iframe ?

考虑下面的例子:(现场演示)

HTML:

<div>div</div>
<iframe></iframe>

CSS:

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

结果:

为什么iframe不像div一样集中对齐?我怎么把它放在中间?

当前回答

在我的情况下，解决方案是在iframe类添加:

    display: block;
    margin-right: auto;
    margin-left: auto;

其他回答

你可以试试

<h3 style="text-align:center;"><iframe src=""></iframe></h3>

我希望它对你有用

link

你可以把iframe放在<div>中

<div>
    <iframe></iframe>
</div>

它可以工作，因为它现在在块元素中。

最简单的解决方法。

iframe {
    margin:auto;
    display:block;
}

对齐iframe元素的最简单代码:

<div align="center"><iframe width="560" height="315" src="www.youtube.com" frameborder="1px"></iframe></div>

在我的情况下，解决方案是在iframe类添加:

    display: block;
    margin-right: auto;
    margin-left: auto;

推荐文章