Question

我一直在为此而踢自己好几天;希望有人可以帮忙！我正试图在固定高度的单元格中间垂直对齐视频。应隐藏顶部和底部的溢出。

以下是我的代码：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="500" style="display: block; overflow: hidden;">
    <div style="position: relative;">
      <video autoplay loop width="100%" style="display: block;">
        <source src="video.mp4" type="video/mp4">
      </video>
    </div>
    </td>
  </tr>
</table>

这会隐藏底部的溢出，但任何垂直居中的尝试都会失败......

任何帮助都会很棒！

Answer 1

垂直更改td中心视频的样式：

style="vertical-align: middle; overflow: hidden;"

垂直对齐表格单元格中的视频

1 个答案: