Question

<section>
    <h3>About us</h3>
     <p>British Airways virtual is one of the largest virtual airlines for Infinite Flight virtual airlines out there. With over 50 pilots, we have a bustling community. Make sure to come over and join us, and experience it for yourself!<br><br>
       Check out the <a href="about.html">about page</a> for more info!</p><br>
       <iframe width="80%;" height="500px;" src="https://www.youtube.com/embed/_g3UgCWAdGg" frameborder="0" allowfullscreen></iframe>
</section>

我有这个代码。我可以用任何方式将Youtube iframe置于中间位置吗？我尝试过CSS，但无法理解。

您可以在此处查看整个文件：https://github.com/GiacomoLaw/british-airways-virtual/blob/master/index.html

谢谢！

Answer 1

使用div包装iframe并为其提供text-align:center; css属性，例如......

＆＃13;

.divy {
  text-align: center;
}

＆＃13;

<section>
    <h3>About us</h3>
     <p>British Airways virtual is one of the largest virtual airlines for Infinite Flight virtual airlines out there. With over 50 pilots, we have a bustling community. Make sure to come over and join us, and experience it for yourself!<br><br>
       <div class="divy">
       Check out the <a href="about.html">about page</a> for more info!</p><br>
       <iframe width="80%;" height="500px;" src="https://www.youtube.com/embed/_g3UgCWAdGg" frameborder="0" allowfullscreen></iframe>
  </div>
</section>

＆＃13;

Answer 2

或使用margin: auto宽度为display: block

iframe {
  width: 80%;
  height: 500px;
  margin: auto;
  display: block;
  }

<section>
    <h3>About us</h3>
     <p>British Airways virtual is one of the largest virtual airlines for Infinite Flight virtual airlines out there. With over 50 pilots, we have a bustling community. Make sure to come over and join us, and experience it for yourself!<br><br>
       Check out the <a href="about.html">about page</a> for more info!</p><br>
       <iframe src="https://www.youtube.com/embed/_g3UgCWAdGg" frameborder="0" allowfullscreen></iframe>
</section>

Answer 3

使用保证金：0px自动; 显示：阻止;

请参阅下面的代码段。

＆＃13;

section iframe{
  margin:0px auto;
  display:block;
  width:80%;
}

＆＃13;

<section>
    <h3>About us</h3>
     <p>British Airways virtual is one of the largest virtual airlines for Infinite Flight virtual airlines out there. With over 50 pilots, we have a bustling community. Make sure to come over and join us, and experience it for yourself!<br><br>
       Check out the <a href="about.html">about page</a> for more info!</p><br>
       <iframe width="80%;" height="500px;" src="https://www.youtube.com/embed/_g3UgCWAdGg" frameborder="0" allowfullscreen></iframe>
</section>

＆＃13;

以Youtube iframe为中心？

3 个答案: