在<a>标签中垂直居中文本

Joa*_*lai 0 css

<a id="asapg" href="/link/">Text</a>

a#asapg {display: inline-block;cursor: pointer;padding: 15px;text-align: center;border-bottom: 1px solid rgba(121, 119, 119, 0.15);text-transform:uppercase;font-size:16px;width:100%;vertical-align: middle;background: rgba(255,255,255,0.6);min-height: 170px;}
Run Code Online (Sandbox Code Playgroud)

我试图在中间垂直居中文本链接,但没有运气.

Dro*_*own 5

设置line-height等于height你的元素(170px?)

a#asapg{
   ...
   height: 170px;
   line-height: 170px;
}
Run Code Online (Sandbox Code Playgroud)

  • 它确实不起作用,在这种情况下你可以使用“display: table-cell”和“vertical-align: middle”。 (2认同)