html - 怎么把视频放在一行

Question

我试图将我所有的视频放在一行而不是多行中。

<div class="t">
   <ul>
   
  <li>somewhere I belong</li>
  <iframe  src="https://www.youtube.com/embed/zsCD5XCu6CM" frameborder="0" allowfullscreen></iframe>
  <li>Castle of glass</li>
  <iframe  src="https://www.youtube.com/embed/ScNNfyq3d_w" frameborder="0" allowfullscreen></iframe>
  
   </ul>
   </div>

Answer 1

1. 放置每个 <iframe>在 <li> 里面
2. 然后添加display:table到 <div class='t'>
3. 接下来，添加 display:table-row至 <ul>
4. 最后一步是添加 display:table-cell每个 <li>

   5. Forgot to add display:block to each iframe

片段

.t {
  display: table;
  width: 100%;
  height: auto;
}

ul {
  display: table-row
}

li {
  display: table-cell
}

iframe {
  display: block;
}

<div class="t">
  <ul>

    <li>Somewhere I Belong
      <iframe src="https://www.youtube.com/embed/zsCD5XCu6CM" frameborder="0" allowfullscreen></iframe>
    </li>

    <li>Castle of Glass
      <iframe src="https://www.youtube.com/embed/ScNNfyq3d_w" frameborder="0" allowfullscreen></iframe>
    </li>
  </ul>
</div>