Question

我只使用HTML创建一个简单的网页（所以我不使用CSS或其他任何东西），我想在页面的水平中心创建一个iframe。这是代码

<body>
    <iframe height="200" width="800" src="http://www...." align="center" frameborder="0"></iframe>
    <!other stuff>
</body>

如果对齐设置为＆＃34;右＆＃34;，iframe会出现在右侧，但如果它被设置为＆＃34; center＆＃34; （因为它在代码中）它出现在左侧，因为当对齐是＆＃34;左＆＃34;时会发生。

感谢所有可以提供帮助的人。

Answer 1

将iframe包含在align="center"的div中，如下所示：

<body>
    <div align="center">
        <iframe height="200" width="800" src="http://www...." frameborder="0"></iframe>
    </div>
</body>

检查此JSFiddle是否在中心位置。

<强>更新

正如Quentin在他的评论中提到的那样，align="center"的使用在HTML5中已经过时了。作为替代方案，您可以像这样使用style="text-align:center"：

<div style="text-align:center">
    <iframe height="200" width="200" src="http://www...." frameborder="1"></iframe>
</div>

检查此更新的JSFiddle。

Answer 2

这是使用flex

的工作代码

<body style="display:flex;position:relative;margin:0; justify-content: center;">
    <iframe height="200" width="200" src="https://www.w3schools.com" frameborder="0" ></iframe>

</body>

Fiddle link

无法居中iframe HTML

2 个答案: