Question

我看了一遍，尝试了各种不同的编码，定义了宽度和显示;块，似乎什么都没有用。

我试图将我放在div中的任何图像居中，这个iframe位于div中。到目前为止，我所尝试的一切都使图像保持左侧对齐。这是代码。希望有人可以提供帮助。

#apDiv2 {
    position:absolute;
    width:1020px;
    height:490px;
    z-index:2;
    left: 0;
    top: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clip: rect(auto,auto,auto,auto);
}

#bottomframe {
    height:490px;
    width:1020px;
    border:none;
    scrolling:no;
    display: block;
    margin: 0 auto;
    border: 0;
}

HTML代码如下：

<div id="apDiv2">
    <iframe id="bottomframe" name="bottomframe" src="fliers/image1blurthumb.png">
    </iframe>
</div>

Answer 1

你不能这样做。由于它是iframe，因此它具有单独的文档上下文和样式。您必须使用javascript将CSS注入iframe，但由于您是直接在框架中打开图像，因此您没有HTML文档来添加样式。

但我得问一下，为什么你在使用iframe显示图像呢？为什么不只是一个常规的IMG标签？

Answer 2

尝试将text-align:center添加到#bottomFrame样式。这应该将图像置于iframe中心。您可能还需要提供iframe位置。

但是，图像的宽度必须小于1020px，以便进行居中。

将图像水平居中在div中的iframe中

2 个答案: