设置div中的文本或元素居中

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;