中心 TED 演讲 iFrame答案

【问题标题】：Center TED talk iFrame中心 TED 演讲 iFrame
【发布时间】：2018-06-15 12:03:32
【问题描述】：

我希望在我的网站中嵌入 Ted 演讲，但希望居中。

iframe 在多个 div 中，所以我在隔离和编码必要的参数时遇到了一些麻烦。

当前代码：

&lt;div style="max-width:854px"&gt;&lt;div style="position:relative;height:0;padding-bottom:56.25%"&gt;&lt;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&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;/div&gt;

【问题讨论】：

您需要包含完全复制所描述问题的工作示例才能获得所需的解决方案。

标签： html css iframe alignment center

【解决方案1】：

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

【讨论】：