Question

您好我想把这个iframe修复到左表和右表之间的中心。我在使网站响应方面遇到了问题，而且在不同的分辨率上看起来有所不同：（http://footkick.16mb.com/）

正如我所说的，无论分辨率如何，我都想让它在左右桌子的中央爆炸。如果你能帮助我：非常感谢

[＆lt;] iframe class =＆＃34; channel＆＃34; SRC =＆＃34; HTTP：//www.bbc.co.uk/sport/football/fixtures"滚动=＆＃34;是＆＃34; style =＆＃34;身高：990px;宽度：619px;边距：45px 0px 0px 115px;边框：2px纯黑色;大纲风格：坚实;轮廓颜色：绿色; ＆＃34;＆GT;

的CSS：

height: 990px;
width: 619px;
margin: 45px 0px 0px 115px;
border: 2px solid black;
outline-style: solid;
outline-color: green;

Answer 1

在您的Iframe元素上移除margin: 45px 0px 0px 115px;并添加margin: 0 auto; display:block;。

Display block:

Margin: 0 auto

另外请了解为什么内联css是一种不好的做法

Answer 2

尝试将此添加到您的CSS：

margin: 45px auto 0px;
display: block

Answer 3

将iframe转换为像

这样的块元素

  .your-frame {
 display: block;
width: 80%;
margin: 2% auto;
}

如何使这个iframe代码响应

3 个答案: