高度不定的情况下,让文字水平居中

前端懂交互
  • 388

高度是100%且根据内容高度有变化,里面的文字必须垂子居中;类似:
目前用定位实现的,不知道有没有什么好办法

<a href='#'><span>居中</span></a>
a{
      text-align: center;
      width: 200px;
      height: 100%;
}
回复
阅读 4.2k
2 个回答
✓ 已被采纳

display: -webkit-box;
-webkit-box-pack: center;
box-pack: center;
-webkit-box-align: center;
box-align: center;

第一种方法:display: flex; justify-content: center; align-items: center;
第二种方法:display: table-cell; text-align: center; vertical-align: middle;

你知道吗?

宣传栏