最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

JavaScript Center Align - Stack Overflow

programmeradmin5浏览0评论

How can I align the entire script to center? I've never actually coded before in javascript and I just want to modify a quick bookmarklet. I've tried stuff like align=center for different ponents of the script but no luck. Is there something like <center> (in html) for js?

Thanks

EDIT: basically i want this to be centered on a page

function dEmbed(){
    var iframe = document.createElement("iframe");
    iframe.src = '';
    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);
}

How can I align the entire script to center? I've never actually coded before in javascript and I just want to modify a quick bookmarklet. I've tried stuff like align=center for different ponents of the script but no luck. Is there something like <center> (in html) for js?

Thanks

EDIT: basically i want this to be centered on a page

function dEmbed(){
    var iframe = document.createElement("iframe");
    iframe.src = 'http://www.google.';
    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);
}
Share Improve this question edited Oct 2, 2011 at 8:25 Cody asked Oct 2, 2011 at 8:01 CodyCody 8904 gold badges21 silver badges38 bronze badges 2
  • Please give us more details - your terminology is all mixed up and it's hard to understand what you are looking to do. (Especially please don't use the word script the way you do.) – Ariel Commented Oct 2, 2011 at 8:02
  • Check my edited answer below, I solved your problem. – Mark Kramer Commented Oct 2, 2011 at 21:06
Add a ment  | 

3 Answers 3

Reset to default 1

I was able to achieve this by injecting the iframe into an existing div with text-align: center.

Here is the example: http://jsfiddle/MarkKramer/PYX5s/4/

You can't centre a script, it doesn't look like anything so there is nothing to centre.

If the script generates some HTML, then you can to centre the generated elements. This should be done using the usual CSS techniques applied to the generated element.

(<center> and the align attribute were deprecated in 1998 and shouldn't be used).

Try changing:

iframe.style.margin= "0";

To:

iframe.style.margin= "auto";

If it doesn't work, let me know in a ment.

OK, try this change instead, change:

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

to:

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

And change:

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

To:

div.appendChild(iframe);
document.body.insertBefore(div, document.body.firstChild);
发布评论

评论列表(0)

  1. 暂无评论