以iFrame为中心

时间:2014-04-19 15:27:18

标签: css center embedding

http://makememodern.com/portfolio/

您将看到我在网页上嵌入了一个网站,并且它与页面的右侧对齐。我希望它能够集中。

<div style="text-align:center">
<iframe style="-webkit-transform: scale(0.7);" src="http://www.stokeswilliams.com" width="100%" height="700px"></iframe>
</div>

1 个答案:

答案 0 :(得分:0)

您将iframe的宽度设置为1100px。包裹它的div具有动态宽度。

要解决此问题,您可以设置iframe的宽度以匹配其父容器的宽度,方法如下:

iframe {
    width: 100%;
}