用到CSS3中display的新属性。

HTML

CSS

html,body{
       width: 100%;    height: 100%;}/*方法二*/body{
       display: flex;    align-items: center;/****水平居中****/    justify-content: center;/*垂直居中*/}.parent{
       width: 750px;    height: 400px;    background: orange;    /*方法一*/    /*margin: 0 auto;*/    /*position: relative;*/    /*top: 50%;*/    /*margin-top: -200px;*//***此行等于transform:translateY(-50%)******/}

还有一种关于table的方法不常用。这三种都长用到！