如何去除两个iframe之间的空白



我正试图在同一行中创建两个宽度为50%的iframe!但第二帧却低于第一帧。

这两个iframe之间有一个空格,这就是为什么它们不能放在一行上。解决方案是将这两个iframe的标记放在一行上。有多种方法可以解决这个问题,请看一下这个-对抗内联块元素之间的空间

iframe {
display: inline-block;
height: 300px;
width: 50%;
background-color: yellow;
}
#iframe-two {
background-color: yellowgreen;
}
<iframe src="about:blank" frameborder="0" id="iframe-one"></iframe><iframe src="about:blank" frameborder="0" id="iframe-two"></iframe>

最新更新