45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:如何通过CSS设置一个DIV的层在浏览器左右上下居中?

如何通过CSS设置一个DIV的层在浏览器左右上下居中?

2015-02-09 09:38:19 来源:www.45fan.com 【

如何通过CSS设置一个DIV的层在浏览器左右上下居中?可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现。代码如下

css代码:

复制代码 代码如下:

div {
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}

说明:margin属性中的两个-100px分别为width和height属性值的一半的负值。


本文地址:http://www.45fan.com/bcdm/9556.html
Tags: CSS设置
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部