1.在父级元素中添加以下属性:
display: table-cell; vertical-align: middle; text-align: center;
2.通过绝对定位(需要知道所要居中元素的宽度和高度)
子元素设置:
top: 0px;
left: 0; bottom: 0; right: 0; margin: auto; position: absolute; 父元素: position:relative
3.flex布局
display: flex; justify-content: center; align-items: center;