transform实现HTML元素添加固定定位后水平垂直居中

来源:互联网 发布:turn.js 翻页区域设置 编辑:程序博客网 时间:2024/06/13 07:14
<head>    <meta charset="UTF-8">    <meta name="viewport"          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>    <title>滑动</title>    <style>        #activeImg{            position: fixed;            width: 40px;            height: 40px;            top: 50%;            left: 50%;            transform: translate(-50%,-50%);        }        .block{            height: 1500px;        }    </style></head><body><img id="activeImg" src="http://www.bus365.com/public/www/images/homeicon.png" alt=""><div class="block"></div></body>

这里写图片描述

原创粉丝点击