css - 将 YouTube 嵌入页面居中

Question

我一直在尝试将我的 YouTube 视频嵌入居中，但它无法正常工作。

我已经在 html 中尝试过 flexbox 和 center 标签，这是我得到的最接近的，这里真的需要一些帮助

我的代码:

CSS

    .Video {
      display: inline-block;
      position: absolute;
      padding-left: 15px;
      padding-right: 15px;
      transform: translate(0,-50%);
    }

Answer 1

问题是你的 css 是错误的。摆脱位置，显示和变换。我很确定你不需要任何这些。

检查这个 jsfiddle我做了。我认为您正在寻找 margin: 0 auto;。确保嵌入的视频包裹在一个 div 中，然后应用边距。如果您已经有了 margin-top 或 margin-bottom，那么只需设置 margin-left: auto 和 margin-right:自动；