让一个div在div或body中水平垂直居中

body{

position: relative;

width: 100%;

height: 100%;

}

div{

width:400px;

height:400px;

left:50%;

top:50%;

margin:-200px 0 0 -200px;

}

© 著作权归作者所有,转载或内容合作请联系作者

推荐阅读 更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残 阅读 9,159 评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling 阅读 13,602 评论 1 92
  • div水平居中的N种方法 一、单行垂直居中 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它...
    fredah 阅读 5,716 评论 0 1
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字 阅读 1,510 评论 0 0
  • 又是雾霾天,出门时心情也是阴沉的,待到从“丹妮的小世界”里出来,感觉到天蓝了许多,难道真是心中有阳光,世间无雾霾。...
    就爱优闲 阅读 552 评论 1 9