常见的居中问题？

文字,图片在容器居中

• 设置text-align属性

单行文本垂直居中

• 通过设置line-height

块级盒子居中

• 水平居中margin: 0 auto

• 垂直居中,有好几种方案

  • 绝对定位和transfrom
  • 用flex,设置align-item为center最方面

图片文字居中对齐

• 通过设置vertical-align:middle