手机
当前位置:查字典教程网 >网页设计 > 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的二种方法

CSS各种文字对齐方式代码

css让容器水平垂直居中的7种方式

三种简洁的Tab导航(网页选项卡)

CSS3入门:由点到面

让网页中居中层css一则

div中内容上下居中小结教程

css在不同浏览器中的唯一标识以height属性为例

CSS实现同一行的图片和文字垂直居中对齐的方法

css中水平垂直居中对齐布局实例总结

精品推荐
分类导航