Question

我正在尝试将视频整合在一起。

例如，第6集应该在第1集旁边，第3集旁边的第7集等。

但是我很难这样做。我知道我可以做到底：1700px和左：640px，但它没有完全对齐。

有人可以帮助我吗？

IMAGE： https://gyazo.com/57127cbb9aa733c8bbaf104f2b8df388

代码：

<div class="single_right">
                            <h3>Highway Patrol Season 1 </h3>
                            <p class="m_10">Season 1 all episodes!</p>



                            <div class="btn_form">
                               <form>

                                <a>
                            <div>
                            <h3>
                                <text> Episode 1 </text><br>

                                <iframe width="560" height="315" src="//sendvid.com/embed/vas7m0j8" frameborder="0" allowfullscreen></iframe> 


                               <text> Episode 2 </text>

                               <iframe width="560" height="315"  src="//sendvid.com/embed/u2gappdn" frameborder="0" allowfullscreen></iframe>

                               <br>

                               <text> Episode 3 </text>
                               <iframe width="560" height="315" src="//sendvid.com/embed/zig4qs7q" frameborder="0" allowfullscreen></iframe>

                               <text> Episode 4 </text>
                               <iframe width="560" height="315" src="//sendvid.com/embed/g09xk3f8" frameborder="0" allowfullscreen></iframe>

                               <text> Episode 5 </text>
                               <iframe width="560" height="315" src="//sendvid.com/embed/h7z80p3m" frameborder="0" allowfullscreen></iframe>


                                 <text> Episode 6</text>

                                 <iframe width="560" height="315"  src="//sendvid.com/embed/9fd0zbfk" frameborder="0" allowfullscreen></iframe>

                                 <text> Episode 7</text>

                                 <iframe width="560" height="315" src="//sendvid.com/embed/s33v2ndt" frameborder="0" allowfullscreen></iframe>

                                 <text> Episode 8 </text>

                                 <iframe width="560" height="315" src="//sendvid.com/embed/w6b54hjx" frameborder="0" allowfullscreen></iframe>

                                 </h3>


                              </form>
                            </div>

CSS代码

.single_image{
    width:36.5%;
    float: left;
    margin-right: 2.6%;
}
.single_right{
    width: 60.5%;
    float: left;
}

谢谢！

将iFrame视频对齐在一起

0 个答案: