文本装饰时 Href 高度不正确：无且在垂直对齐的图像旁边答案

【问题标题】：Href height incorrect when text-decoration: none and next to vertical aligned image文本装饰时 Href 高度不正确：无且在垂直对齐的图像旁边
【发布时间】：2012-08-22 02:54:51
【问题描述】：

我在图片旁边有一个链接，它与图片垂直对齐。当 text-decoration 为标准时，文本链接完美地位于中间。

如果我将 text-decoration 更改为 none，则文本将保留在同一位置，但没有下划线，这会使文本看起来不像垂直居中。

这似乎是某种错误，但如果有任何想法很好奇。

有什么想法还是我太挑剔了？

【问题讨论】：

blue-eyedesign.com/_test/text1.gif
blue-eyedesign.com/_test/text2.gif
文本正确对齐。将 Home 文本更改为带有向下字符的内容，例如 g/p/y 等（Candy？），您会看到它居中。只是你的眼睛在惹你生气。
猜猜……它似乎确实是它需要的地方，它只是“看起来”。
如果你需要完美的对称感，要么选择全部大写，要么离开text-decoration。大多数人甚至都不会注意到它，我个人会让它滑动。

标签： css href vertical-alignment

【解决方案1】：

“如果我将 text-decoration 更改为 none，则文本将保留在同一个位置，但没有下划线”

你想要什么？ text-decoration:none 在任何情况下都会删除下划线。

【讨论】：

我不想要下划线，但我希望它在图像旁边垂直居中。删除链接上的文本装饰使其看起来不再正确对齐。