HTML中css⽔平居中的⼏种⽅式
1. ⼦元素为⾏内元素时，⽗元素使⽤ text-align: center; 实现⼦元素的⽔平居中；
html怎么让所有内容居中2. ⼦元素为块级元素时，
  2.1. 将⼦元素设置 margin: 0 auto; 实现居中；
  2.2. 将⼦元素设置 display: inline-block，然后可使⽗元素使⽤text-align:center实现居中；
  2.3. 根据⽗元素采⽤绝对定位，右移⽗元素宽度的⼀半，再左移⾃⾝宽度的⼀半；
3. ⽗元素使⽤flex布局，
  3.1. ⼦元素⽆论是⾏内还是块级，采⽤ align-self: center; 实现⽔平居中；
  3.2. ⼦元素⽆论是⾏内还是块级，采⽤ margin: 0 auto; 实现⽔平居中；
*****⽤类似的⽅法，我们也可以实现元素的垂直居中*****
⽐如⽤flex布局，设置 flex-direction: row; 则⼦元素可以使⽤ align-self: center; 实现其垂直居中