手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >设置一个层在浏览器中同时左右居中上下居中水平垂直居中
设置一个层在浏览器中同时左右居中上下居中水平垂直居中
摘要:想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的left、top属性以及负外补丁来实现。代码如下:...

想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的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属性值的一半的负值。

【设置一个层在浏览器中同时左右居中上下居中水平垂直居中】相关文章:

CSS 网页背景渐变实现代码

CSS3入门:由点到面

CSS 3实现DIV圆角效果完整代码

CSS:使DIV 在浏览器窗口中水平垂直居中

CSS2.0手册(苏沈小雨版)

DIV CSS如何给文字字体添加下划线?

css中元素水平垂直居中4种方法介绍

chrome居中但ie不居中的解决方法

CSS各种文字对齐方式代码

让网页中居中层css一则

精品推荐
分类导航