Html 如何在列表项中居中放置iframe

我正试图将

iframe

居中，但它似乎不起作用

HTML代码：

<ul class ="xslides" id=xslide1">
  <li><iframe width="750px" height="500px" frameborder="0" src="test/embed" marginwidth="0" marginheight="0" scrolling="no" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen  mozallowfullscreen msallowfullscreen></iframe>
  </li>
</ul>

.xslides ul li {
  -webkit-backface-visibility: hidden;
   width: 100%;
   margin-left: auto;
  margin-right: auto;

  }

---

如果我没有记错，列表项是一个内联元素

.xslides ul li {
   -webkit-backface-visibility: hidden;
   width: 100%;
   display: block;

 }
 iframe {
   outline: 1px solid black;
   display: block;
   margin: 0 auto;
   width: 750px;
   height: 500px;
 }

你可以试试这个

---

顺便说一下，您可能还想从

中删除
列表样式
。xslides
如果我没有记错，列表项是一个内联元素

.xslides ul li {
   -webkit-backface-visibility: hidden;
   width: 100%;
   display: block;

 }
 iframe {
   outline: 1px solid black;
   display: block;
   margin: 0 auto;
   width: 750px;
   height: 500px;
 }

你可以试试这个


顺便说一句，您可能还想从
中删除
列表样式
。xslides
我已经编辑了ID，还删除了宽度和高度..iframe显示的大小似乎很小..我已经将src链接放在了框架标记中，图像似乎链接到了特定的URL我不确定您想在这里完成什么。你能详细说明一下吗？
我已经编辑了ID，也删除了宽度和高度..似乎iframe显示的尺寸很小..我已经将src链接放在了frame标记中，图像似乎链接到了一个特定的URL我不确定你想在这里做什么。你能详细说明一下吗？我试过你说的，但是没有用，你展示了CSS，但是html代码看起来还可以。除非我把宽度和高度放在html代码上，它对大小有效，但看起来不居中，但是看不懂CSS。你会画一个简单的图像来详细说明你想要什么吗？并通过将图像放入其中来更新问题。唯一的问题是我无法将其居中..对于图像，它可以工作，但iframe无法，，，检查iframe Cs要放在网页上的图像保存在另一个url中，但不能保存为图像我尝试了你所说的，但不起作用，您显示了CSS，但html代码似乎还可以。除非我在html代码上放置宽度和高度，否则它适用于大小，但不居中。它似乎无法读取CSS。您将绘制一个简单的图像来详细说明您想要的内容吗？并通过将图像放在内部来更新问题。唯一的问题是我无法将其居中。对于图像，它可以工作，但iframe无法，、检查iframe CSS要放在网页上的图像保存在另一个url中，但不能另存为图像