如何在“Bar”和“Baz”之间垂直对齐“Foo”,因为它在没有锚的情况下自动对齐?我不能使用line-height hack,因为我想让链接文本显着扩展单元格。
<table>
<tr>
<td class="link-wrap">
<a class="link" href="#">
Foo
</a>
</td>
<td>Bar<br>Baz</td>
</tr>
</table>
CSS:
table {
border-collapse: collapse;
}
td {
border: 1px solid #ddd;
}
.link-wrap {
height: 100%;
}
.link {
display: block;
background: #afa;
height: 100%;
}