Question

很抱歉，如果这有点明显，我只是从HTML开始。我已将Facebook视频嵌入到我的网站上，并且我可以调整宽度，高度等。但是，我无法重新定位它。对齐中心不起作用，但右对齐。我想把它放在百分比中（例如top：20％;, left：20％）我尝试将嵌入代码放在div中并使用CSS给它定位，但它没有做任何事情。有人可以帮忙吗？

HTML：

<div class="video1">
   <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F1255124634539700%2Fvideos%2F1623012424417584%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>

CSS：

.video1{
    top: 30%
    left: 35%;
    z-index: 999;
    position: absolute;
}

Answer 1

如果您只想将其居中，那么请尝试将您的CSS更改为此工作

<style type="text/css">

.video1{
    margin:auto;
    width:560px;    
}

</style>

Answer 2

它对我有用。

<style type="text/css"> .video1 {display: flex; justify-content: center;} </style>

重新定位嵌入式Facebook视频？

2 个答案: