设置一个层在浏览器中同时左右居中上下居中水平垂直居中_ Div+Css教程-查字典教程网
设置一个层在浏览器中同时左右居中上下居中水平垂直居中
设置一个层在浏览器中同时左右居中上下居中水平垂直居中
发布时间:2016-12-27 来源:查字典编辑
摘要:想要使定义的一个层即能在浏览器中左右居中,又可以上下居中,可以用绝对定位再结合百分比形式的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属性值的一半的负值。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类