关于居中

关于居中问题可以分成 内联元素居中

块级元素中的文字图片垂直水平居中

块级元素自身垂直水平居中

内联元素居中：

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