关于居中问题可以分成 内联元素居中
块级元素中的文字图片垂直水平居中
块级元素自身垂直水平居中
内联元素居中:
text-align 用于块级元素中的文字水平居中
比如:
<p style="text-align:center">我是正常p,我设置了居中</p>
<span style="display:block; text-align:center">我其实是一个行内元素span哦,我设置了居中,可以居中并且独占一行</span>
<p style="display:inline; text-align:center">能不能再同一行,我是被inline了的p,我设置了居中可是不能居中!</p>
vartical-align 用于inline 和inline-block元素垂直居中
块级元素中文字图片垂直居中:块级元素设置 line-height的值等于height的值
块级元素自身水平居中:margin:0 auto;
flexbox