元素内部各个元素的垂直居中布局

• 如果是文字（行内元素、行内块元素）
  • 直接给父元素加 text-align，元素和元素之间的间距用margin设置。
• 如果是块元素
  • 块元素自身设置margin-left: auto和margin-right: auto
• 如果不考虑各个浏览器的兼容问题，可以使用flex进行布局
  • display: flex;
  • flex-direction: column;
  • align-items: center;