为什么“ iframe”自动边距不能将div中的iframe居中？

Question

我里面有一个div和一个iframe。我想使iframe居中。 margin: auto适用于其他dom，但不适用于iframe。我有办法将iframe放在div内吗？

div {
  height: 300px;
  width: 300px;
  display: flex;
}

iframe {
  margin: auto;
  height: 50px;
  width: 50px;
  display: block;
}

<div>
  <iframe src="http://localhost:8080" align="right" />
</div>