设置一个DIV块固定在屏幕中央的两种方法(推荐)

作者：佚名字体：[增加减小] 来源：互联网时间：2017-06-02

本文主要包含div自适应屏幕大小,div自适应屏幕高度,div自适应屏幕宽度,div自适应屏幕,div屏幕居中等相关知识,佚名希望在学习及工作中可以帮助到您

方法一：

对一个div进行以下设置即可实现居中。

</div>

<style>
#a{
position: fixed;
top: 0px;
left: 0px;
rightright: 0px;
bottombottom: 0px;
margin: auto;
}
</style>

</div> </div> </div>

<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<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>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p>
<p>123</p><p>123</p><p>123</p><p>123</p><p>123

您可能想查找下面的文章:

相关文章

2017-06-02页面内嵌样式表中使用url()，出现页面多次载入问题解决
2017-06-02学习DIV+CSS网页布局之一列布局
2017-06-02DIV+CSS 清除浮动常用方法总结
2017-06-02纯CSS实现酷黑风格三级下拉菜单效果代码
2017-06-02DIV+CSS布局也需要注意的SEO原则
2017-06-02元素及文本的水平居中/垂直居中/绝对居中总结
2017-06-02两个div如何并排一行具体该怎么实现
2017-06-02.clearfix:after(清除浮动)中各个属性及值详细解说
2017-06-02div+css相对定位和绝对定位用法实例详解
2017-06-025个DIV并排在一行的一种方法