以下是 CSS3手机移动端上下左右居中代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3手机移动端上下左右居中代码</title>
<style>
*{margin: 0;padding: 0;list-style: none;}
body{background-color: #000;}
.zzsc{
position: fixed;
left: 50%;
top: 50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
</style>
</head>
<body>
<div class="zzsc">
<img src="images/zzsc.jpg" alt="sdfas">
</div>
</body>
</html>
分享到QQ
分享到微博
微信扫一扫
