如何防止<td>过高？

Question

它一定是蠢事,但到目前为止我无法弄明白......

这是我的HTML:

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td style="height: 8px"><img src="/media/note2.png" width="8" height="8" border="0"></td>
    <td style="height: 8px"></td>
    <td style="height: 8px"><img src="/media/note1.png" width="8" height="8" border="0"></td>
</tr>
<tr>
    <td class="NoteCell"></td>
    <td class="NoteCell">{{ text }}</td>
    <td class="NoteCell"></td>
</tr>
<tr>
    <td style="height: 8px"><img src="/media/note4.png" width="8" height="8" border="0"></td>
    <td style="height: 8px"></td>
    <td style="height: 8px"><img src="/media/note3.png" width="8" height="8" border="0"></td>
</tr>

我希望第一行和第三行的高度为8像素,但由于某种原因它们要高得多(就好像里面有文字,但没有文字!)

困惑......任何帮助将不胜感激!

Answer 1

尝试 td img { display: block; }