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

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

本文主要包含DIV,固定,屏幕,中央等相关知识,佚名希望在学习及工作中可以帮助到您

方法一：

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

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

<!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-08-06纯CSS改变webkit内核浏览器的滚动条样式
2017-08-06使用CSS为文档添加样式的简单示例
2017-08-06div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
2017-08-06css样式制作的漂亮按钮
2017-08-06css实例教程一款纯css实现的垂直时间线效果
2017-08-06CSS计数器(序列数字字符自动递增)详解
2017-08-06CSS 图像透明度opacity兼容性介绍
2017-08-06div+css纵向导航如何实现且为导航添加超链接
2017-08-0635款精致的 CSS3 和 HTML5 网页模板推荐
2017-08-06css表头固定样式的方法

文章分类

最近更新的内容