我需要将多行文本对齐到中间.这是我正在使用的标记的粗略指南.
<ul>
<li>
<a href='#'>This should be centered.</a>
<li>
</ul>
因此,从我的图像中可以看出,“工作”链接应该垂直居中.我的宽度和高度设置为vertical-align：middle;.我知道你需要为它实际工作设置行高,但问题就在于此.如果我将行高设置为72px(元素的高度),那么一些链接将向下拉伸页面,因为它们占用了两行.
有没有一种方法可以在不使用行高的情况下将多行文本对齐到中间？
解决方法
写这样的
a{
display:inline-block;
vertical-align:middle;
}
&安培;你可以给出显示：table-cell;像这样
li {
vertical-align:middle;
display:table-cell;
}
但它在IE7&下面
