水平居中显示 iFrame答案

【问题标题】：Showing iFrame horizontally centred水平居中显示 iFrame
【发布时间】：2014-11-09 00:31:49
【问题描述】：

我在 php 中有一个 iFrame，我想将其显示为至少水平居中，这是我的代码。如何编辑它以使其在浏览器中水平显示中心

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>

<div>
<iframe src="https://<??>" width="850" target="_parent" height="850" scrolling="no" style="overflow:hidden; border:none;" style = "display:block;"></iframe>
</div>

</body>
</html>

【问题讨论】：

去掉多余的样式属性，合二为一：style="border:none; width:850px; margin: 20px auto;"
old question

标签： html

【解决方案1】：

您有两个独立的样式标签。请务必将它们合并为一个。
尝试将margin: 0 auto; 添加到您的样式标签中。

【讨论】：

【解决方案2】：

您需要将 iframe 放在 div 中，然后使用 css 在 div 中居中，如下所示：

<div class="myframe">
<iframe src="http://google.com" width="850" target="_parent"  height="850" scrolling="no"         border:none;></iframe>
</div>

<style type="text/css">
.myframe
{
margin: 0px auto;
width: 850px;
}
</style>

【讨论】：