几个iframe之间的空白

时间:2019-06-30 13:02:41

标签: html css iframe

我页面上有几个iframe,并且需要第一个缩放。 但是当我这样做时:http://tak.robi.to/scale/index2.htm 缩放后,第一个和第二个之间存在空白/间隙。 我需要在第一个和第二个之间设置一个始终为20px(即使缩放)的空间。

 #slider {
          width: 100%;
        }
       <iframe id="iframe" style="margin-top: 10px;" src="1.html" frameborder="0" width="100%" height="200px">
       </iframe>
       <iframe id="iframe" style="margin-top: 10px;" src="2.html" frameborder="0" width="100%">
       </iframe>

请帮助。我是一名平面设计师,对此确实有问题:(

1 个答案:

答案 0 :(得分:0)

enter image description here首先,ID是唯一的,请参见ID和类:https://css-tricks.com/the-difference-between-id-and-class/ 改用类,或使用id="iframe1"id="iframe2,例如iframe1margin-bottom: 10pxiframe2margin-top: 10px或仅iframe1margin-bottom: 20px ...