居中的几个方法

margin

text-align: center;
line-height: 40px;
z-index:99;
width: 300px;
height: 120px;
left:50%;/FF IE7/
top: 50%;/FF IE7/
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/FF IE7 该值为本身高的一半/
margin-top:0px;
position:fixed!important;/FF IE7/
position:absolute;/IE6/

transform

position:fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);

display:flex

display:flex;
justify-content:center;
align-items:center;