iFrame文本对齐

Question

我使用iFrame作为WYSIWYG，并希望添加一个按钮，将iFrame中的所有内容与中心对齐。

我尝试添加＆＃34; text-align：center;＆＃34;在iFrame的类上但没有做任何事。

我该怎么做？

Answer 1

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

有关详细信息，请参阅this。

添加，使用＆＃34; text-align＆＃34;只会将iFrame本身作为一个整体对齐，而不是内容。

Answer 2

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），但无论如何都是here's an example。