方法一：
对一个div进行以下设置即可实现居中。
CSS Code复制内容到剪贴板- >
- <html lang="zh-cn">
- <head>
- <meta charset="UTF-8">
- <title>Documenttitle>
- <style>
- *{
- margin: 0px;
- padding: 0px;
- }
- #a{
- width: 200px;
- height: 200px;
- background-color: aquamarine;
- position: fixed;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- margin: auto;
- }
- style>
- head>
- <body>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <p>123p><p>123p><p>123p><p>123p><p>123p><p>123p><p>123p>
- <div id="a">
- sdvcdvf
- div>
- body>
- html>
效果：
方法二：
使用js操作div的属性为下面这样即可实现居中。
JavaScript Code复制内容到剪贴板效果：
以上这篇设置一个DIV块固定在屏幕中央的两种方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持潘少俊衡。
原文地址：http://www.cnblogs.com/gaotenglong/archive/2016/07/24/5701434.html
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/CSS/77694.html
