框架页⾯内【iframe】⽔平垂直居中解决mindmaster分享嵌⼊⽹页居中问题,使iframe居中代码,实现思维导图嵌⼊⽹页居中。
1<html xmlns="/1999/xhtml">
2<head>
3<meta http-equiv="Content-Type" content="textml; charset=utf-8"/>
4<title>⽆标题⽂档</title>css实现垂直水平居中
5<style type="text/css">
6.box{ position:absolute;}
7</style>
8<script>
load=function()
10 {
11var ElementById('box');
12 adjustResize();
13 scroll=adjustResize;
14function adjustResize()
15 {
16var iWidth=document.documentElement.clientWidth;
17var iHegiht=Math.max(document.documentElement.clientHeight,document.body.clientHeight);
18 oBox.style.left=(iWidth-oBox.offsetWidth)/2+'px';
19 p=(iHegiht-oBox.offsetHeight)/2+'px';
20 }
21 }
22</script>
23</head>
24
25<body>
26<div class="box" id="box">
27<iframe width="800" height="400" frameborder="0" scrolling="no" src="www.baidu"></iframe>
28</div>
29</body>
30<html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论