iframe标签居中显示

XUDONG93

已于 2023-09-18 17:24:56 修改

阅读量1.5k

点赞数

分类专栏： HTML 文章标签：前端 javascript 开发语言

于 2023-09-11 16:08:13 首次发布

本文链接：https://blog.csdn.net/m0_69091610/article/details/132811571

版权

1 篇文章 0 订阅

订阅专栏

1.可以使用CSS样式来设置iframe居中显示。

示例代码：

<div style="text-align: center;">
  <iframe src="http://example.com" width="500" height="500" style="border:none;"></iframe>
</div>

在上述代码中，我们使用了一个包含iframe的div元素，并设置了它的文本对齐方式为居中，以使其水平居中显示。同时，也可以添加样式来调整iframe的高度和宽度，以便适应页面布局。

<iframe id="qrimage" scrolling="no" frameborder="no" border="0"
    style="overflow: auto;text-align: center; margin-left:41%;">
</iframe>

scrolling="no"是用于在嵌入的 <iframe> 标签中禁用滚动条的属性。设置 scrolling 属性为 "no" 将禁止该 <iframe> 内容区域的滚动。

frameborder="no"是用于在 <iframe> 标签中设置是否显示边框的属性。设置 frameborder 属性为 "no" 将禁止显示 <iframe> 边框。

关注