显示iFrame水平居中

时间:2014-09-15 13:02:44

标签: html5

我在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>

2 个答案:

答案 0 :(得分:1)

  1. 您有两个单独的样式标记。务必将它们合并为一个。
  2. 尝试将margin: 0 auto;添加到您的样式标记。

答案 1 :(得分:0)

您需要将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>