我是一个绝对的HTML和javascript初学者,我很确定,这很容易实现。 我有以下生成的IFRAME:
<script type="text/javascript">document.write("<iframe id = \"widget\" width=\"600\" height=\"140\" src=\"http://www.wetter.at/wetter/oesterreich/niederoesterreich/wiener-neudorf/widget/w600/color-standard?utm_source=widget&utm_medium="+top.location.hostname+"&utm_content="+top.location.href+"&utm_campaign=Wetter%2BWidget\" frameborder=\"0\" scrolling=\"no\"></iframe>");</script><center style="padding-top:5px; padding-bottom:5px; font-size:11px; line-height:15px; font-family:arial;"><a href="http://www.wetter.at/wetter/oesterreich/niederoesterreich/wiener-neudorf" style="color:#4787a9; text-decoration:none;" target="_blank">Das aktuelle Wetter in Wiener Neudorf</a><br/><a href="http://www.wetter.at" style="color:#4787a9; text-decoration:none;" target="_blank">Alles zum Wetter in Österreich</a></center><br />
我想将它放在屏幕中间并且更大。质量不算数,只是为了展示,这可能是什么样子。 也许你可以帮助我!谢谢!
答案 0 :(得分:1)
您是否尝试过编辑宽度/高度
width=\"600\" height=\"140\"
最好给它一个类并在样式表中编辑它
<script type="text/javascript">document.write("<iframe id=\"widget\" width=\"600\" height=\"140\" class=\"iframe\" blah blah/></script>
.iframe{width:600px; height:140px; margin:auto;}
请在此之后发布您的结果
- EDIT--
在.html
文件的<head>
代码中,制作一个<style> </style>
代码。
接下来修改您的Iframe
并添加class="iframe"
。
接下来在<style>
中添加以下行。
.html{
width:100%;
height:100%;
}
.body{
width:100%;
height:100%;
}
这会将页面的宽度和高度设置为100%。
现在将其添加到.body{}
属性
.iframe{
width:80%;
height:600px;
margin:100px auto 0 auto;
}
您可以使用这些属性。希望这有帮助!
答案 1 :(得分:0)
试试这个:
<center><iframe width="90%" height="500px"></iframe></center>