61,110
社区成员
发帖
与我相关
我的任务
分享
给图片单独套个div,给div做margin设置就好了,设置用百分比,具体如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图片居中</title>
<style>
html{height:100%; width:100%}
body{height:100%; width:100%}
.d1{width:800px;
height:500px;
background:red;
position:fixed;
top:50%;
margin-top:-250px;
left:50%;
margin-left:-400px;
}
.d1 img{width:100%;height:100%}
</style>
</head>
<body>
<div class="d1">
<img src="1.jpg"/>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>qiqi</title>
</head>
<body>
<img src="" id="img" style="top:200;left: 200;position: fixed;border: 1px solid;}"/>
</body>
<script type="text/javascript">
img.style.left=parseInt( window.innerWidth)/2 - parseInt(getComputedStyle(img,null).width)+'px'
img.style.top=parseInt( window.innerHeight)/2 - parseInt(getComputedStyle(img,null).height)+'px'
</script>
</html>