百度联盟广告如何理解按父容器宽度
生活随笔
收集整理的這篇文章主要介紹了
百度联盟广告如何理解按父容器宽度
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
創(chuàng)建百度聯(lián)盟廣告位的時(shí)候,選擇按父容器寬度展示,但是在加入之后,查看代碼發(fā)現(xiàn)廣告的寬度為頁面的寬度,并不是希望的父級(jí)的寬度,
?
如圖在這里查看:
?
解析:百度聯(lián)盟廣告自動(dòng)生成的div按父級(jí)的div寬度來自適應(yīng),如果父級(jí)是一個(gè)包含padding的div,則父級(jí)的寬度為padding 本身的寬,然而,我們希望百度的廣告所占的寬度僅僅為父級(jí)本身的寬,所以此時(shí)需要給默認(rèn)創(chuàng)建的加廣告的div外面包一個(gè)div,該div默認(rèn)寬度即為父級(jí)的本身的寬,則百度聯(lián)盟的廣告可以正常顯示,如在vue中加入百度聯(lián)盟廣告時(shí),代碼如下:
<div class="related"><div><div id="ad_u1"></div></div><Related listStart="0" listEnd="3"></Related> </div>其中 class="related"? width:100%,padding:0 30px; 則默認(rèn)的創(chuàng)建的ad_u1?的廣告位的父元素就是頁面本身的寬,而我們希望的是兩邊留出間距,與頁面本身樣式統(tǒng)一,所以只需在創(chuàng)建代碼位的容器外面再加一個(gè)div即可,效果如圖:
?
?同理,如果想要在展示的多張圖片中,有一張圖片是廣告,則該廣告的父元素也應(yīng)該是指定的寬度,只需要在創(chuàng)建代碼位的容器的外面包的那層div加對(duì)應(yīng)希望的寬度即可。
?
?
總結(jié)
以上是生活随笔為你收集整理的百度联盟广告如何理解按父容器宽度的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue todolist
- 下一篇: 笔记 — 动画效果(Css3)