文字居中:
水平居中: 父元素设置 text-align:center
垂直居中: 子元素设置 line-height:父元素高度px(在父元素中设置line-height:父元素高度px)
图片居中:
水平居中:父元素设置 text-align:center
垂直居中: 父元素设置 line-height:父元素高度px,子元素设置vertical-align:middle
并设置父元素文字大小为0,图片是以文字基线对齐,父元素中font-size:0px
块元素居中
子元素设置 margin:0 auto; margin-top:父-子高度的一半
父元素设置overflow:hidden,
块元素居中(弹性盒)
父元素设置:display:flex; justify-content:center; align-items:center;