[小结]css垂直居中方式小结

• 文字垂直居中
  例如:

.header__nav-item{
    height: 38px;
    line-height: 38px;
}

• 块元素垂直居中于父元素(也叫负边距居中,宽高都适用)

.header__warp{ /*类似一个容器,父元素*/
    height: 80px;
    position: relative;
}
.header__logo{
    height: 38px;
    position: absolute;
    top:50%
    margin-top: -19px;
}

• 块元素(容器)水平居中

.header__warp{ /*类似一个容器*/
    margin: 0 auto;
}

本人简书对应链接:https://www.jianshu.com/writer#/notebooks/37799672/notes/49576771/preview