css实现图片居中于屏幕,源码如下：
<!DOCTYPE html>
<html>
<head>
<style>
.center {
position: fixed;
top: 50%;
left: 50%;
background-color: #000;
width:100px;
height:100px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.div{
width:100%;
position:absolute;
top:0;
bottom:0;
background:#f00
}
body{
margin:0;
padding:0;
}
</style>
</head>
<body>
<div class=\"div\">
<img src=\"/images/online_demo/smiley.gif\" class=\"center\">
</div>
</body>
</html>
继续阅读与本文标签相同的文章
-
手机信号突然从“4G”变成“E”，是什么意思？客服给出答案
2026-05-14栏目： 教程
-
互联网架起“乌镇式生活”
2026-05-14栏目： 教程
-
微信才是内存“杀手”，别再乱清理，关闭这个功能，手机立马流畅
2026-05-14栏目： 教程
-
手机信号变成E是什么意思？看完专业人士给出的解释后，涨知识了
2026-05-14栏目： 教程
-
关于Word的四个隐藏办公小技巧，你可能一个也不知道，建议收藏！
2026-05-14栏目： 教程