html - 我的 iframe 根本不会居中

Question

我试过使用 div 使 iframe 居中，但没有用。我已经浏览了大约 20 个不同的帖子，但没有一个有效。

代码如下:

center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

<center>
  <iframe src="gallery.html" width="100%" style="height:100vh";></iframe>
</center>

我错过了什么吗？

Answer 1

我想这个解决方案就是您想要的。

减小iframe的大小，为容器元素设置width和text-align。

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

<div class="centered">
  <iframe src="gallery.html" width="80%" style="height:100vh";></iframe>
</div>