Question

我正在尝试创建一个bookmarklet，如果单击它，则会在您所在的页面上创建iframe。我可以让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;添加到样式中。

您还可以在容器（例如DIV）中添加iframe，您可以将其添加到margin: 0 auto;。

Answer 2

在样式中，给它

margin: auto;

Answer 3

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

Answer 4

我解决了。我在样式中添加了“width：700px; margin-left：-350px; left：50％”。基本上就像我试图以绝对定位为中心的方式

如何居中通过注入创建的iframe

4 个答案: