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;
}

源码

点我查看实例


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

你可能感兴趣的:(css实现文本水平垂直居中)