• 单行文字
      • 单行文字垂直居中，可以使 line-height 等于容器高度即可。
    • 多行文字
      • 问题
        • 如果只使用 line-height 等于容器高度，第二行文字的换行会再以 line-height 的高度显示。会造成两行文字距离相隔太远
      • 解决方法
        • 使用 table 布局方法
          • 在文字的父级元素 display: table;
          • 在文字元素 display: table-cell; vertical-align:middle;

    点击查看【codepen】