Question

即使我已应用以下内容，我网站上的视频似乎也不在中心，

<iframe style="margin: 0 auto; width: 400px;"src="//www.dailymotion.com/embed/video/x2fqouu" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Here是网站。

Answer 1

HTML CODE：
在您的iframe中包含一个父div

 <div class="demo">
                <iframe style="margin: 0 auto; width: 400px;"src="//www.dailymotion.com/embed/video/x2fqouu" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe>    
    </div>

CSS代码： 您可以在样式表中添加的CSS代码

.demo{
   text-align: center;
   width: 100%;
}

Answer 2

iframe是内联元素。这意味着margin: 0 auto不会对其进行处理，text-align: center也不会。

所以可能的解决方案是

将其display值更改为inline-block，以便边距有效
将其display值更改为block，因此text-align有效
将text-align: center分配给其父元素，在这种情况下，它位于p。

视频显示在网页的中心

2 个答案: