Question

我一直在尝试设计一个我目前正在为uni进行的项目，但无济于事..我想让3个iframe内嵌显示（例如i1旁边的i2，i3旁边的i1）。知道我滥用了课堂，但是我的大脑不再接受。这是我的html代码：

<section class="trailer">
<h2>Media</h2>
    <article>
        <h3>CHILDREN OF NOBODY - OFFICIAL TRAILER</h3>
        <iframe src="videos/teaser.mp4" class="trailer"></iframe>
    </article>
    <article>
        <h3>Official page</h3>
        <iframe src="http://www.imbc.com/broad/tv/drama/childrenofnobody/" class="trailer"></iframe>
    </article>
    <article>
        <h3>Making video</h3>
        <iframe src="videos/makingvideo.mp4" class="trailer"></iframe>
    </article>
</section>

和我的CSS：

.trailer>iframe{
    display: inline-block;
    width: 30%;
    height: auto;
    border-top: #c00 10px dotted;
    border-right: #c00 20px dotted;
    border-left: #c00 20px dotted;
    border-bottom: #c00 40px dotted;
}

Answer 1

由于您的iFrame位于商品标签内，因此您需要将内嵌块样式应用于商品标签，而不是iFrame。

.trailer article {
    display: inline-block;
}

我可以使部分中的iframe具有嵌入式块显示吗？

1 个答案: