我想包含来自第三方来源的广告代码,该广告代码是通过 javascript 生成的,其中 document.writes
用于显示广告的代码。我对此无法控制。
我已经让它在我的末端工作了,但是在我的一生中,我无法将它集中在我的 DIV 中。就像它突然出现并在我的 div 之后向左对齐。我无法理解发生了什么事。 “IF”我将此广告标记直接包含在 DIV 内的页面中,它居中。但我需要在请求广告之前动态地向它传递一些数据,所以我必须动态创建它,但这就是问题所在。它会显示出来,只是在目标 DIV 外部左对齐。
因此,我获得了一个带有 src 的 js 标签,并且该 src 生成了一个写出 iframe 的 document.write
。
var js_src = ("contents_of_the_src").gsub(/tie=/,'tie=' + random10_digit)
var js_script = new Element('script',{'src': js_src});
Event.observe($('myDiv'), 'load', $('myDiv').insert({top : js_script}));
所以有问题的 View 是这样的:
<div id="myDiv">
<script language="text/javascript">
var js_src = ("contents_of_the_src").gsub(/tie=/,'tie=' + random10_digit)
var js_script = new Element('script',{'src': js_src});
Event.observe($('myDiv'), 'load', $('myDiv').insert({top : js_script}));
</script>
</div>
我尝试将js移出div,然后尝试插入。我尝试创建一个新的 DIV,将其居中,然后将广告标记写入其中。全部左对齐并位于 DIV 之外。
任何想法/
最佳答案
您是否尝试过为 #myDiv iframe CSS 属性设置position:relative;显示: block ;和 margin :自动? iframe 元素的默认 {display: inline} 样式可能会导致您的定位问题。
如果这不起作用,您确定 Prototype 会按照您的预期将脚本元素插入到 DOM 中吗?您介意检查元素检查器以确认 iframe 被写入文档的确切位置吗?
关于javascript - 动态插入第三方的 javascript 广告代码不会在 div 中居中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8192178/