Html 如何防止表格单元格中文本下方出现额外空间？

我需要一些帮助。我试图防止在表格单元格中文本的底线下方出现额外的空间。（表格有一个滚动链接，文本有85%的行高，这两者都是必需的）我也尝试过CSS来设置行高，但同样的问题。3列表格需要保持在46px高，但当将行高度更改为所需的85%时，会扩展到57px高。这将用于移动网页。如果能找到解决办法，我们将不胜感激。谢谢

链接至网页：

DVD传输

来自视频、照片和幻灯片

DVD传输


来自视频、照片和幻灯片

---

这能解决问题吗？（

页边距底部：0px；

）

谢谢。这去掉了底部的空间，但是两行文本需要在单元格中垂直居中，单元格保持在46px的高度。很抱歉，我没有提到它需要垂直居中。但我想我已经到了解决问题的门槛了。（已经在谷歌上搜索了两天，想找到答案！）得到了控制。我加了一个页边空白：8px；与边缘底部：3倍；并且能够完全控制垂直位置。谢谢你的帮助

结果代码修复：（仅显示第一行）

    <table class="dsR62" border="0" cellpadding="0" cellspacing="0">
        <tr onmouseover="this.style.background='url(images/button_BG_ov.jpg)';this.style.cursor='pointer'" onmouseout="this.style.background='url(images/button_BG.jpg)';" onclick="DoNav('dvd.html/');">
            <td class="dsR23">
                <div align="right">
                    <img src="images/ICON-RGB.gif" alt="" height="39" width="40" border="0" /></div>
            </td>
            <td class="dsR50">
                <div align="left">
                    <p style="line-height:85%;"><span class="ds3"><span class="ds4">DVD TRANSFERS</span></span><span class=""><span class="ds3"><span class="ds3"><br />
                                </span></span></span><span class="ds3"><span class="ds5">From videos, photos and slides</span></span></p>
                </div>
            </td>
            <td class="dsR25"><img src="images/button_arrow.gif" alt="" height="36" width="35" border="0" /></td>
        </tr>
    </table>

<p style="line-height:85%; margin-bottom: 0px;">
   <span class="ds3">
       <span class="ds7">DVD TRANSFERS</span>
    </span>
    <span class="ds6">
        <span class="">
            <span class="ds3">
                <span class="ds3">
                    <br>
                </span>
            </span>
        </span>
    </span>
    <span class="ds3">
        <span class="ds8">From videos, photos and slides</span>
    </span>
</p>

<p style="line-height:85%; margin-top: 8px; margin-bottom: 3px;">