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

前端懂交互
  • 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;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏