绝对居中

一、css3

.element {
width: 600px; height: 400px;
position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */
}

二、margin:auto

.element {
width: 600px; height: 400px;
position: absolute; left: 0; top: 0; right: 0; bottom: 0;
margin: auto; /* 有了这个就自动居中了 */
}

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,790评论 1 91
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 8,493评论 0 8
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,514评论 0 1
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 1,322评论 0 0
  • 知女范微信公众平台:zhinvfan 众所周知,云南是个美丽又具有丰富历史文化的地方。云南的每块地方都有她独特的魅...
    爱美文78阅读 132评论 0 0
  • 前言;从一个对理财一无所知一窍不通的边界到现在理财意识很强的另外一个领域我要感谢21天训练营的每一个小伙伴,一群志...
    ZSM獨白阅读 197评论 0 8