如何将 iframe 水平居中？

小编典典

如何将 iframe 水平居中？

all

考虑以下示例：（现场演示）

HTML：

<div>div</div>
<iframe></iframe>

CSS：

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

结果：

在此处输入图像描述

为什么iframe不像中央对齐div？我怎么能集中对齐它？

阅读 92

2022-04-27

共1个答案

小编典典

添加display:block;到您的 iframe css。

div, iframe {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    background-color: #777;
}

iframe {
    display: block;
    border-style:none;
}


<div>div</div>
<iframe src="data:,iframe"></iframe>

2022-04-27