Div居中方法 Div使用absolute居中

发布时间:2019-07-15编辑:脚本学堂
本文介绍了css实现div居中的几种方法,有需要的朋友参考下。

例子,div居中多种方法。
 

复制代码 代码示例:
<div></div> 
 
// position: relative 居中 
div{ 
    width: 100px; 
    height: 100px; 
    margin: 0 auto; 
    background-color: blue; 

 
 
// position: absolute 居中 
div{ 
    width: 100px; 
    height: 100px; 
    position: absolute; 
    left: 50%; 
    margin-left: -50px; 
    text-align: center; 
    background-color: blue; 
}