html - 垂直对齐多行文本到中间

我需要将多行文本对齐到中间。这是我正在使用的标记的粗略指南。

<ul>
    <li>
        <a href='#'>This should be centered.</a>
    <li>
</ul>

因此，从您的图像中可以看到，“工作”链接应垂直居中。我用 vertical-align: middle; 设置了宽度和高度。我知道您需要设置行高才能使其实际工作，但存在问题。如果我将行高设置为 72px(元素的高度)，那么由于它们占用了两行，一些链接将向下拉伸(stretch)页面。

有没有办法在不使用行高的情况下将多行文本对齐到中间？

最佳答案

像这样写

a{
 display:inline-block;
 vertical-align:middle;
}

& 你可以像这样给它 display:table-cell;

li {
vertical-align:middle;
display:table-cell;
}

但它不适用于 IE7 及以下

关于html - 垂直对齐多行文本到中间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7743449/