链接垂直对齐，高度 100%答案

【问题标题】：Link vertical alignment, height 100%链接垂直对齐，高度 100%
【发布时间】：2011-09-15 06:57:24
【问题描述】：

如何在http://beta.ovoweb.net/a.php# 的右侧红色框中垂直居中文本“测试”？链接的高度为 100%，因此它填充了整个 td。现在，当我设置 display: table-cell 时，高度不再是 100%。

【问题讨论】：

vertical-align 属性应该可以工作，但是您需要更改 A 元素的高度或尝试将文本包装在一个 span 中，我猜，developer.mozilla.org/en/CSS/vertical-align
我只是想了想，把里面的内容补上也行。

【解决方案1】：

将此添加到您的“图标”类

margin-top: auto

并删除

height:100%

【讨论】：

【解决方案2】：

如果您想走“display:table-cell”路线，我很确定您需要一个具有“display:table;”的父 div和“身高：100%；” （不要忘记设置父宽度）

【讨论】：