html - 垂直对齐链接中一行或两行的文本

Question

我有一个带有一些文字的锚标签：

<a href="">My Link</a>

使用这种样式，使其在 30px 高的链接中看起来垂直对齐：

a
{
    width: 90px;
    padding: 13px 0 13px 0;
}

问题是现在有更长的文本不适合 90px 宽的链接，所以它导致它换行。所以链接中的文本被推得更远，而不是在锚标记内垂直对齐。

任何人都知道我如何确保链接垂直对齐一两行文本？我无法将类添加到具有两行的任何链接。

score 1 · Accepted Answer

1

尝试使用line-height属性。

a
{
   line-height:25px;
}

于 2013-03-20T16:59:17.097 回答

score 1 · Accepted Answer

文本不适合我

如果要垂直对齐任何文本，正确的方法是使用line-height属性

2 回答 2