css - 垂直对齐的 anchor 文本

Question

如何垂直对齐 anchor 的文本？

我可能知道也可能不知道行数，所以 line-height招数靠不住。

层次结构是这样的:nav ul li a在 <nav> <ul> <li><a href="#">Hello</a></li> </ul> </nav>

Hello 必须居中但不能换行。

a 元素有 display: inline-block

Answer 1

遵循此线程中解释的解决方案:How to get display:table-cell support in IE? any pure javascript or jQuery workaround?

你可以在列表中添加一些额外的代码，并根据 td 的高度调整 block 的高度:

<nav>
    <ul>
        <li>
            <table>
                <tr>
                    <td> 
                        <a href="#">Hello</a>
                    </td>
                </tr>
            </table>
        </li>
    </ul>
</nav>

你可以看到它在这里工作:http://jsfiddle.net/G4kCz/4/