怎样让圆形盒子里的a标签居中呀？

Question

如图请问在圆形子盒子里的a标签文字要怎么在正中间显示？？

Answer 1

有很多种方式，最简单的就是使用 flex 布局去做垂直水平居中，也可以直接文本居中+设置同等的行高。

---

根本更多的方式可以参考这篇文章 web开发常用的几种居中形式

Answer 2

display: flex;
align-items: center;
justify-content: center;

Answer 3

最简单的是直接用button标签，天然水平垂直居中

<button>关闭</button>

可以参考这篇文章： https://segmentfault.com/a/11...

Answer 4

使用flex布局或者lineHeight:"圆高px",//行高和高度一样，可使得该行文字居中

          textAlign:"center",

Answer 5

text-align:center;
line-height: height的高度