無法居中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

回答

相關問題