iFrame 文本对齐方式

iFrame text alignment

本文关键字：方式 对齐 文本 iFrame      更新时间：2023-09-26

我使用iFrame进行所见即所得，并希望添加一个按钮，将iFrame中的所有内容对齐到中心。

我尝试在iFrame的类上添加"text-align：center;"，但这没有任何作用。

我该怎么做？

我可能是不正确的，但我的理解是，除非您有权访问iFrame内容的来源站点，否则您无法修改iFrame的内容。

有关更多详细信息，请参阅此处。

此外，使用"文本对齐"只会将 iFrame 本身作为一个整体对齐，而不会对齐内容。

iframe 的行为就像一个单独的独立网页，所以你需要更改 iframe 内部的 HTML。由于同源策略，仅当 iframe 内容来自与父页面相同的域名时，才能执行此操作。

如果域名匹配，你可以在Javascript中做这样的事情：

function center_iframe() {
    var iframe = document.getElementById('myiframe'),
        iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
    iframeDocument.body.style.textAlign = 'center';
}

对于您的需求来说，这可能过于简单（它是否有效取决于 iframe 中的 HTML），但无论如何，这里有一个例子。

相关文章：