Html 如何使iFrame居中?

Html 如何使iFrame居中?,html,css,iframe,alignment,Html,Css,Iframe,Alignment,我有一个客户正在使用blogspot,我已经尝试了我所知道的一切,试图将包含链接的iframe置于中心。然而,我似乎无法让它发挥作用。下面是我正在使用的代码和建议 您的浏览器不支持iFrame iframe是内联元素,您可以通过css添加文本:中心如下面的代码片段所示。但是由于您已经在Iframe上设置了宽度:100%,您可能需要使用margin:0 auto将容器与Iframe上方对齐此外,您的结构还有额外的关闭,这也可能是一个问题: .newswap{ 文本对齐:居中; } 您的浏览

我有一个客户正在使用blogspot,我已经尝试了我所知道的一切,试图将包含链接的iframe置于中心。然而,我似乎无法让它发挥作用。下面是我正在使用的代码和建议


您的浏览器不支持iFrame


iframe是内联元素,您可以通过css添加
文本:中心如下面的代码片段所示。但是由于您已经在Iframe上设置了宽度:100%,您可能需要使用
margin:0 auto将容器与Iframe上方对齐此外,您的结构还有额外的关闭
,这也可能是一个问题:

.newswap{
文本对齐:居中;
}

您的浏览器不支持iFrame


如果您不介意固定宽度,请尝试此方法,也可以调整宽度

<style type="text/css">
iframe{
    width: 800px!important;
    margin:auto;
}
</style> 

iframe{
宽度:800px!重要;
保证金:自动;
}

尝试在Iframe和边距中添加显示块:0自动

或者您可以将display:inline块和to.newswrap{text align:center;}添加到Iframe中,但请确保包装和新闻包装的宽度为:100%

那么您的代码应该是:

.wrapper{width: 100%;} 
.newswrap{text-align: center;width: 100%;}
iframe{display:inline-block;}

width=“100%”
-由于它开始于容器的最左侧边缘,结束于容器的最右侧末端……居中会有什么不同?您的问题是什么?如果将宽度设置为100%,则必须将newswrap类设置为中心,因为它包含iframe。100%的ifrmae将是你的新闻报道类宽度。谢谢你的建议。然而,似乎什么都不起作用。还有什么我可以试试的吗 您的浏览器不支持iFrame。

^当前代码