【问题标题】:With HTMl5 how do I center a embedded YouTube video and center it?使用 HTMl5 如何将嵌入的 YouTube 视频居中并将其居中?
【发布时间】:2023-04-05 20:20:02
【问题描述】:

我尝试了诸如文本对齐和居中标签之类的方法...有人可以帮忙吗?

谢谢 - 马克斯

【问题讨论】:

标签: html youtube center


【解决方案1】:

您不应该使用中心标签。将所有样式留给 CSS。

您是否尝试将左右边距设置为自动?

类似:

margin: 0 auto;

编辑:我可以通过让 iFrame 的 CSS 设置其宽度、将其显示类型设置为块并将水平边距设置为自动来使 YouTube 视频居中。这是我的代码的样子。

iframe {
    width: 560px;
    display: block;
    margin: 0 auto;
}

【讨论】:

    【解决方案2】:

    将以下 CSS 属性添加到您的 iframe 并:

    Fiddle 上的演示

    iframe {
        display: block;
        margin: auto;
    }
    

    【讨论】:

    • 这对我不起作用。 我把它放在我的 index.html 中,然后我把你的我的 main.css 类中的代码。
    猜你喜欢
    • 2016-10-13
    • 1970-01-01
    • 1970-01-01
    • 2020-04-22
    • 2021-02-14
    • 2012-10-22
    • 2018-05-20
    • 2015-06-03
    • 2016-04-13
    相关资源
    最近更新 更多