div水平居中 与 水平垂直居中

<div id="cent"></div>

/*div水平居中*/
#cent{
width:100px;
height:100px;
margin:0 auto;
border:1px solid bisque;

}

<div id="center"></div>

/*div水平垂直居中*/
#center{
position:fixed;
top:50%;
left:50%;
margin-left:width/2;
margin-top:height/2;
border: 1px #003147 solid;
width:100px;
height:100px;
}