html - 图像与单元格底部对齐

Question

我有这个 html

<style type="text/css">
#DownloadLeaflet  {
bottom: 0px;
}
</style>

<table style="width:97%" summary="">
<tbody>
<tr>
<td style="width:100px" width="118">
    <img style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/RetailBanking/PublishingImages/2008/adsl.png" border="0">
</td>
<td style="width:100%" width="776">
    <div style="height:52px">
      <span class="title">ADSL Service</span><br>
      <em class="Slogan">Be Fast Ahead with Our ADSL Service</em>
    </div>
    <p>
         The new high-speed ADSL connection is now available with privileged conditions 
    </p>
    <p>
         Everybody is getting connected, what are you waiting for? Guarantee your peace of mind in a simple 1-step procedure with a reliable internet service from a trusted source.
    </p>
    <p>
         you will gain the communication edge with a high-performance internet connection at an efficient cost.
    </p>


    <img id="DownloadLeaflet" style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/PublishingImages/Shared/DownloadLeaflet.png" border="0">

</td>

</tr>
</tbody>
</table>

我已经用 css 尝试了所有可能的方法，但似乎我不是 CSS 粉丝

我想将下载按钮对齐到单元格的底部，请参阅this fiddle。

Answer 1

你必须给表相对和图像绝对和底部：0

http://jsfiddle.net/JfZZD/44/

检查小提琴