css实现文本水平垂直居中

效果图

兼容性

兼容IE8及以上

---

核心代码

#my-style a {
  /* Box-model */
  display: table-cell;
  padding-left: 28px;
  padding-right: 28px;
  height: 90px;
  /* Typography */
  text-align: center;
  vertical-align: middle;
  overflow-y: hidden;
  text-decoration: none;
  font-size: 16px;
  color: #333;
  transition: all .3s;
}

---

源码

点我查看实例

---

当然，文本过多的时候，我们也可以去掉 滚动条，可以后续探讨。