将两个元素对齐表格单元格的顶部和底部

Question

我有一个包含多行和多列的表格，每个单元格包含一个链接和一些小图片。该链接需要与单元格的顶部对齐，并且图像需要与底部对齐。不幸的是，使用vertical-align属性不起作用，并且两个元素都被放置在单元格的中间。下面是HTML我到目前为止：

<table> 
    <tr> 
    <td style='width:120px; height:90px;'> 
     <a href='1.html' style='vertical-align:top'>Link 1</a> 
     <div style='vertical-align:bottom'><img src='1-1.jpg' /><img src='1-2.jpg' /></div> 
    </td> 
    <td style='width:120px; height:90px;'> 
     <a href='2.html' style='vertical-align:top'>Link 2</a> 
     <div style='vertical-align:bottom'><img src='2-1.jpg' /><img src='2-2.jpg' /></div> 
    </td> 
    </tr> 
    <tr> ... </tr> 
</table> 

编辑：TD高度和宽度也为120×90像素

Answer 1

更新

简称http://davidwalsh.name/table-cell-position-absolute并用以下答案出来了定义。 ..

.tlink { 
 
    position: relative; 
 
    height: 100%; 
 
} 
 
.bimg { 
 
    bottom: 0; 
 
    position: absolute; 
 
}

<table height="250" border="1"> 
 
    <tr> 
 
    <td> 
 
     <div class="tlink"> 
 
     <a href='#'>Link One</a> 
 
     <div class="bimg"> 
 
      <img src="http://farm4.static.flickr.com/3575/3293166516_de2cd751fc.jpg" width="50" height="50" /> 
 
     </div> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
</table>