html - 中心 TED 演讲 iFrame

标签 html css iframe alignment center

我希望将 Ted 演讲嵌入我的网站,但想要居中。

iframe 位于多个 div 中,因此我在隔离和编码必要参数时遇到了一些麻烦。

当前代码:

<div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://embed.ted.com/talks/derek_sivers_keep_your_goals_to_yourself" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe></div></div>

最佳答案

为第一个 div 尝试样式 margin: 15%;。 根据您的要求增加或减少值(value)

关于html - 中心 TED 演讲 iFrame,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50868130/

相关文章:

jQuery 数据表 : Disabling sorting for specific columns

css - 如何在CSS中交替为每四个元素着色?

html - 如何防止菜单在 Bootstrap 中相互堆叠?

http - 如何停止在浏览器中缓冲流式 Comet 通信

reactjs - React.js iframe 源代码

html - 文本不扩展 div

html - 为什么这个 Bootstrap 导航栏没有正确显示?

javascript - 为什么 PhoneGap 应用程序中 iframe 内的链接不起作用?

javascript - 如何将 Sencha Touch 2.0 合并到现有网页中?

html - 如何在 HTML 中整齐地自动换行电子邮件地址