2014-10-18 17 views
-1

我有幾個giphy GIF,我想並排不垂直,所有我使用的是嵌入代碼。Side by Side iframe ...從嵌入代碼在WordPress

<iframe src="//giphy.com/embed/5wWf7GX8ia4T1wiMPEA" width="120" height="90" frameBorder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

是有什麼我可以做,以增加這些代碼,以使並排...湖,會發生什麼?還是我必須真正弄清楚如何編寫腳本?因爲如果我可以改變或添加一些單詞,這將是非常好的。

感謝你在這裏閱讀這篇

是這一職位的全部代碼

<iframe id="visor53e023f8f288a1e6698b4568" width="480" height="360" src="" frameborder="0" scrolling="no"></iframe><script src="//studio.themadvideo.com/player/js/MadVideo.js.php?id=53e023f8f288a1e6698b4568"></script> 

回答

0

嗯,很難用這麼少的信息來回答,但嘗試添加顯示:inline-塊;到iframe風格。

 <iframe class="side-by-side-iframe" /> 
    .side-by-side { 
      display: inline-block; 
      width: 50%; //or just leave it blank if they are small enough 
    } 

這應該解決它,它們將顯示在同一行,除非它們對於行太大。

+0

感謝建議,這裏的鏈接http://contextualadvertisingin2015.com/ghp-nirvana-rockin-robin/我在兩個iframe之前添加了你的代碼,一個消失了,我要發佈這個帖子的代碼 – 2014-10-18 08:14:39

+0

然後我的解決方案工作,只要確保你刪除在兩個iframe之間,您也可以添加內聯樣式:'