JavaScript 居中对齐答案

【问题标题】：JavaScript Center AlignJavaScript 居中对齐
【发布时间】：2011-11-29 07:49:49
【问题描述】：

如何使整个脚本居中对齐？我以前从未真正用 javascript 编写过代码，我只想修改一个快速的小书签。我已经为脚本的不同组件尝试了诸如 align=center 之类的东西，但没有运气。 js 有没有类似<center> (in html) 的东西？

谢谢

编辑：基本上我希望它以页面为中心

function dEmbed(){
    var iframe = document.createElement("iframe");
    iframe.src = 'http://www.google.com';
    iframe.style.width = w+'px';
    iframe.style.height= h+'px';
    iframe.style.border= "0";
    iframe.style.margin= "0";
    iframe.setAttribute("scrolling","no");
    iframe.setAttribute("id","NAME");
    document.body.insertBefore(iframe, document.body.firstChild);
}

【问题讨论】：

请给我们更多的细节 - 你的术语都混在一起了，很难理解你想要做什么。（特别是请不要像你那样使用脚本这个词。）
在下面查看我编辑的答案，我解决了你的问题。

标签： javascript center alignment

【解决方案1】：

我能够通过使用text-align: center 将 iframe 注入现有 div 来实现这一点。

示例如下：http://jsfiddle.net/MarkKramer/PYX5s/4/

【讨论】：

【解决方案2】：

您不能将脚本居中，它看起来不像任何东西，所以没有任何东西可以居中。

如果脚本生成一些 HTML，那么您可以将生成的元素居中。这应该使用应用于生成元素的the usual CSS techniques 来完成。

（<center> 和 align 属性为 deprecated in 1998，不应使用）。

【讨论】：

【解决方案3】：

尝试改变：

iframe.style.margin= "0";

收件人：

iframe.style.margin= "auto";

如果不起作用，请在评论中告诉我。

好的，试试这个改变，改变：

var iframe = document.createElement("iframe");

到：

var div = document.createElement("div");
div.style.width = w+'px';
div.style.margin= "auto";
var iframe = document.createElement("iframe");

然后改变：

document.body.insertBefore(iframe, document.body.firstChild);

收件人：

div.appendChild(iframe);
document.body.insertBefore(div, document.body.firstChild);

【讨论】：

昨晚我为此工作了大约两个小时，我无法将其置于中心位置
你在某个地方设置 w 和 h 吗？（宽度和高度？）我以为你是因为它有效但没有居中？我刚刚尝试了我的代码，只要你设置了这些变量，它就可以正常工作。