Question

如何垂直对齐锚点的文本？

我可能知道也可能不知道行数，因此不能依赖line-height法术。

层次结构如下：nav ul li a

中的


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

你好必须居中但不能被包裹。

a元素有display: inline-block

Answer 1

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

您可以在列表中添加一些额外的代码，并使用td的高度调整块的高度：

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

您可以在此处看到它：http://jsfiddle.net/G4kCz/4/

垂直对齐的锚文本

1 个答案: