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