第一种:利用CSS中的 display的table-cell 实现
/*让元素渲染为表格单元格*/
display:table-cell;
/*设置文本水平居中*/
text-align:center;
/*设置文本垂直居中*/
vertical-align:middle;
第二种利用 :flex盒子布局 写在父级上
弹性盒模型
display:flex;
主轴居中对齐
justify-content: center;
侧轴居中对齐
align-items: center;
如果觉得《常用CSS实现DIV文本内容水平垂直居中》对你有帮助,请点赞、收藏,并留下你的观点哦!