无法居中iframe HTML

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

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

如果对齐设置好的“右”，则iframe出现在右边，但如果它设置好的为“中心”（因为它是在代码中），它出现在左边，当对齐是“左”时发生。

感谢大家谁可以帮忙。

来源

2017-02-27 mara6399

“所以我不使用CSS或其他任何东西”的工作代码 - 你正在试图做的布局。使用CSS。它是为它设计的。 HTML不是。 – Quentin

@Quentin我知道，但我不能......我在学校学习HTML，但他们没有解释CSS。目前，老师希望我们只使用HTML。 – mara6399

然后不要担心布局。 – Quentin

包括与align="center"像这样的一个div的iframe：

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

检查这个JSFiddle，这是在中央。

UPDATE

由于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。

来源

2017-02-27 17:56:05 Thanasis

'功能已从Web标准中删除。尽管一些浏览器可能仍然支持它，但它正在被丢弃。避免使用它并尽可能更新现有代码 – j08691

非常感谢。我对此一无所知。我现在编辑了我的答案！ – Thanasis

[align属性]（https://www.w3.org/TR/html5/obsolete.html#obsolete）已从Web标准中删除。尽管一些浏览器可能仍然支持它，但它正在被丢弃。规范说*以下属性已过时（尽管元素仍然是该语言的一部分），并且不能由作者使用* – Quentin

这里是使用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

来源

2017-02-27 18:06:58 Pandiyan

无法居中iframe HTML

回答

相关问题