Как центрировать iframe, созданный с помощью инъекции

Question

Я пытаюсь создать букмарклет, который создает фрейм на странице, на которой вы находитесь, если вы нажмете на нее. Я могу заставить iframe отображаться, но не могу сделать его центрированным на странице.

Вот код:

javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove();}};a.documentElement.childNodes[0].appendChild(c);}})(window,document,"1.5.1",function($,L){
    var a = $('<iframe/>', {
        id: 'test-iframe',
        class: 'test-iframe',
        style: 'position: absolute;z-index: 99999;',
        width: '700',
        height: '500',
        src: 'http://google.com'
    });
    $('body').prepend(a);
});

Любая помощь приветствуется.

Answer 1

Добавьте margin: 0 auto; к стилю.

У вас также может быть iframe в контейнере (например, DIV), к которому вы можете добавить margin: 0 auto;.

Answer 2

Я понял это.Я добавил "width: 700px; margin-left: -350px; left: 50%" к стилю.В основном так же, как я бы пытался центрировать абсолютно позиционированный

Answer 3

 #test-iframe {
       text-align: center;
 }

Answer 4

В стиле, дайте ему

margin: auto;