为什么我的 <table> 会这样？

Question

我遇到了两个 td 的内容彼此不一致的问题。我无法在小提琴中重现这一点：https://jsfiddle.net/5cyrtv2d/。很奇怪。

这是我的代码：

<tr>
      <td>
            <img src="images/Affiliations/aaa.logo_.color_.jpg" />
      </td>
      <td>
            <div class="contactContent">
                 AAA is a federation of 51 independently operated motor clubs throughout North America. AAA is a not-for-profit member service organization with more than 51 million members. They provide services to its members such as travel, automotive, insurance, financial, and discounts. AAA Approved Auto Repair facilities have been thoroughly inspected and are tested annually to ensure they meet – and often surpass – the stringent, demanding quality service criteria established by AAA.
            </div>
      </td>
</tr>

这是渲染的输出：

“contactContent”类与正在发生的事情无关 - 我删除了该类，它仍然像上面那样呈现。但是，当我用文本替换图像时，一切都符合我的预期。

Answer 1

问题出在我的 reset.css 上。我有垂直对齐：基线；设置应用于我的表/单元格/行，这导致了问题。删除了它，现在一切正常。