水平居中显示 iFrame
Posted
技术标签:
【中文标题】水平居中显示 iFrame【英文标题】：Showing iFrame horizontally centred 【发布时间】：2014-11-09 00:31:49 【问题描述】：我在 php 中有一个 iFrame，我想将其显示为至少水平居中，这是我的代码。如何编辑它以使其在浏览器中水平显示中心
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>
<div>
<iframe src="https://<??>" target="_parent" scrolling="no" style="overflow:hidden; border:none;" style = "display:block;"></iframe>
</div>
</body>
</html>
【问题讨论】：
去掉多余的样式属性，合二为一：style="border:none; width:850px; margin: 20px auto;"
old question
【参考方案1】：
-
您有两个独立的样式标签。请务必将它们合并为一个。
尝试将
margin: 0 auto; 添加到您的样式标签中。
【讨论】：
【参考方案2】：您需要将 iframe 放在 div 中，然后使用 css 在 div 中居中，如下所示：
<div class="myframe">
<iframe src="http://google.com" target="_parent" scrolling="no" border:none;></iframe>
</div>
<style type="text/css">
.myframe
margin: 0px auto;
width: 850px;
</style>
【讨论】：
以上是关于水平居中显示 iFrame的主要内容，如果未能解决你的问题，请参考以下文章