考虑下面的例子:(现场演示)
HTML:
<div>div</div>
<iframe></iframe>
CSS:
div, iframe {
width: 100px;
height: 50px;
margin: 0 auto;
background-color: #777;
}
结果:
为什么iframe不像div一样集中对齐?我怎么把它放在中间?
当前回答
根据http://www.w3schools.com/css/css_align.asp，将左右边距设置为auto指定它们应该平均分割可用的边距。结果是一个居中的元素:
margin-left: auto;margin-right: auto;
其他回答
HTML:
<div id="all">
<div class="sub">div</div>
<iframe>ss</iframe>
</div>
CSS:
#all{
width:100%;
float:left;
text-align:center;
}
div.sub, iframe {
width: 100px;
height: 50px;
margin: 0 auto;
background-color: #777;
}
你可以试试
<h3 style="text-align:center;"><iframe src=""></iframe></h3>
我希望它对你有用
link
在我的情况下，解决方案是在iframe类添加:
display: block;
margin-right: auto;
margin-left: auto;
最简单的解决方法。
iframe {
margin:auto;
display:block;
}
将iframe居中的最佳方法和更简单的方法是:
<p align="center"><iframe src="http://www.google.com/" width=500 height="500"></iframe></p>
其中宽度和高度将是你的HTML页面中的iframe的大小。
