最传统的办法就是 在块 跟文字的左右两边加 <center></center> 这是很早以前的写法。
垂直居中的话可能又点难，除非用弹性盒子，正常的话。margin：0 auto； 水平都是能居中的
display: flex; //设置成弹性的
justify-content: center; 主轴对齐方式 居中
align-items: center; //侧轴对齐方式 居中
就是把 包围块跟文字的那个div 设置成这个属性 那它里面的标签都会 水平加垂直居中
还有一种办法就是 用margin：0 auto； 水平居中后 用padding 来控制上下的内边距，这样实现垂直居中的效果。 用padding的时候最好加上box-sizing: border-box; // 总的盒子的大小不会变。
温馨提示：答案为网友推荐，仅供参考