考虑下面的例子:(现场演示)
HTML:
<div>div</div>
<iframe></iframe>
CSS:
div, iframe {
width: 100px;
height: 50px;
margin: 0 auto;
background-color: #777;
}
结果:
为什么iframe不像div一样集中对齐?我怎么把它放在中间?
当前回答
将iframe居中的最佳方法和更简单的方法是:
<p align="center"><iframe src="http://www.google.com/" width=500 height="500"></iframe></p>
其中宽度和高度将是你的HTML页面中的iframe的大小。
其他回答
最简单的解决方法。
iframe {
margin:auto;
display:block;
}
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FRishabh-Cars-Jodhpur-110479104559774&tabs=timeline&width=500&height=1200&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="1200" style="border:none;overflow:hidden;display:block;margin:0 auto;"6" allowfullscreen="true" allow="自动播放;clipboard-write;加密介质;画中画;合伙分成应得的" > < / iframe >
使用它和嵌入facebook在iframe中心的HTML页面
你可以试试
<h3 style="text-align:center;"><iframe src=""></iframe></h3>
我希望它对你有用
link
你可以把iframe放在<div>中
<div>
<iframe></iframe>
</div>
它可以工作，因为它现在在块元素中。
对齐iframe元素的最简单代码:
<div align="center"><iframe width="560" height="315" src="www.youtube.com" frameborder="1px"></iframe></div>
