2014-10-18 38 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之间,您也可以添加内联样式:'