将 <iframe> 标签对齐到 HTML 和 CSS 的中心

用户8773403

我试图将动画与中心对齐,我尝试使用 CSS,似乎没有任何效果,我什至尝试调整填充和边距以查看是否发生任何变化,但它们没有。

https://gyazo.com/b5b6b9f64e01ccfb107a63470ec5a544

在第一个 Gyazo 链接中,它看起来居中,但在我加载网页时的屏幕截图中,它根本没有居中。

https://gyazo.com/f920e6004c39dc19eaadbe5f73abd7ae

抱歉,它在 Gyazo 链接中,我尝试上传 JSFiddle 链接,但我无法弄清楚如何上传带有所有 4 个缩进等的代码,所以我希望您拥有所有需要的信息。

阿久娜·阿基什

父 div 需要 100% 宽度并且文本居中对齐。孩子只需要考虑高度/宽度。

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

.child {
  width: 300px;
  height: 200px;
}
<div class='parent'>
      <iframe class='child' src="https://www.example.com/" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法将iframe元素对齐到html的中心

来自分类Dev

如何将列表中心与 html 和 css 对齐?

来自分类Dev

CSS:HTML将表单中心对齐,但将Labels和Legend对齐在左侧

来自分类Dev

将导航标签对齐到中心

来自分类Dev

HTML和CSS:将文字行对准div的底部中心

来自分类Dev

HTML/CSS:如何将指向另一个网站的链接与网页中心对齐 --> 尝试在 CSS 中将链接对齐到中心...没有用

来自分类Dev

将标签与DIV中的中心和左侧位置对齐

来自分类Dev

CSS:如何将文本对齐到图像的中心(左侧)

来自分类Dev

对齐中心CSS和After CSS

来自分类Dev

将表格中心对齐到X轴标签

来自分类Dev

如何将css表对齐中心

来自分类Dev

将<p> </ p> HTML中心与图片对齐

来自分类Dev

如何将输入字段与html中div标签内的页面中心对齐

来自分类Dev

CSS中心在标签字段中对齐

来自分类Dev

当我使用CSS将div对齐到页面的中心时,它从图像的左侧而不是中心

来自分类Dev

将按钮与Rails代码,css和html对齐

来自分类Dev

将按钮与Rails代码,css和html对齐

来自分类Dev

如何将按钮与html和CSS对齐?

来自分类Dev

使用CSS将离子视图标题强制对齐到中心

来自分类Dev

如何将标签和输入与CSS对齐

来自分类Dev

如何使用HTML和CSS居中对齐社交媒体标签

来自分类Dev

使用 CSS 和大部分相关属性将多个 HTML 元素悬停在父元素的中心?

来自分类Dev

将文本对齐到菜单li的中心

来自分类Dev

将文本对齐到图标的中心

来自分类Dev

将输入对齐到divs中心

来自分类Dev

将鼠标光标对齐到屏幕中心

来自分类Dev

使用 FabricJS 将形状对齐到中心

来自分类Dev

将搜索栏对齐到右中心

来自分类Dev

使用html和CSS匹配两个元素的中心

Related 相关文章

热门标签

归档