【问题标题】:Having trouble with aligning an iFrame in HTML5在 HTML5 中对齐 iFrame 时遇到问题
【发布时间】:2012-12-18 13:26:46
【问题描述】:

现在我已经做了一个网站,并且我已经将谷歌地图集成到其中。现在,我无法在网页上将 Google 地图居中。

这是我的代码:

 <iframe width="640"
            height="480"
            align="middle"
            frameborder="0"
            scrolling="no"
            marginheight="0"
            marginwidth="100"
            margin-top:100px;
            margin-left:140px;
           src="https://maps.google.ca/?ie=UTF8&amp;t=h&amp;ll=49.894634,-97.119141&amp;spn=27.26845,56.25&amp;z=4&amp;output=embed"></iframe>

【问题讨论】:

    标签: html google-maps iframe vertical-alignment


    【解决方案1】:

    为什么不将margin:auto 用于 iframe 的左右两侧或其所在的 div。

    【讨论】:

    • 其实我现在只是在学习HTML 5,iframe的左右是什么意思?
    • 如果您希望它在页面中居中,只需输入margin-left:auto; margin-right;,这样该对象就会在其父对象中居中。因此,您可以将边距放在顶部父对象上,整个部分将居中。
    • 啊,我明白了,非常感谢!我就像你说的那样去找父母,这解决了我的问题。再次感谢。
    猜你喜欢
    • 2017-10-12
    • 2015-01-20
    • 2017-02-14
    • 2013-01-30
    • 1970-01-01
    • 2021-11-17
    • 2016-04-21
    • 2016-11-25
    • 1970-01-01
    相关资源
    最近更新 更多