html - 居中的 iframe 位置

标签 html css

所以我在中心找到了位置内容的代码,但我的问题是它是为容器制作的,你知道如何为 iframe 制作这个吗?或者你知道另一个密码吗 代码:

.center {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}
<div class="center"></div>

这是我需要放入的代码。

<iframe src="http://80.213.62.138:12/playbutton.html"></iframe> 

最佳答案

如果您想使用您的代码,请将 display:block 应用于 iframe,因为大多数浏览器将 iframe 读取为 inline 元素.

iframe {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
  display: block;
}
<iframe src="http://80.213.62.138:12/playbutton.html"></iframe>

关于html - 居中的 iframe 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48360010/

相关文章:

jquery - 使用 .html() 注入(inject) Jquery 获取响应超过 div 限制

javascript - Bootstrap 模式无法正常运行

javascript - 当有超过 1 个时,如何从表中的下拉列表中获取选定值?

javascript - 如何将 javascript 变量值存储到 html 输入值中?

css - 如何在 LESS 中有效地编写 -sm、-md、-lg 填充类

body 溢出的JavaScript?

javascript - HTML5 文件 API 使用 Ajax 上传多个图像

jQuery slider 无法加载第一张图片

javascript - 如何使 div 在悬停时淡出?

html - 在 div 中显示段落内容