Question

我答应更改电子商务网站上的徽标，虽然需要几分钟，但需要花费很多时间。所以我希望有CSS经验的人可以帮助我。

我似乎无法使<tr>包含与图像一样高的图像（155px），无论我制作多高的图像，<tr>的高度恰好高出2个像素。从2个像素我猜测它是边界间距为2px的用户代理样式表，但是覆盖它没有帮助。

这是令人讨厌的部分（它是语言选择和主要标识的块）：

<table class="table_right">
  <tbody>
    <tr>
      <td class="sub_row_1 bg_ylemine_riba">
        <a href="/">
          <img src="/assets/img/bg_ylemine_riba.jpg" alt="">
        </a>
        <a href="/changelanguage/en">
          <img class="lang_right" src="/assets/img/eng.gif" alt="">
        </a>
        <a href="/changelanguage/et">
          <img class="lang_left" src="/assets/img/est.gif" alt="">
        </a>
      </td>
    </tr>
    <tr>
      <td class="sub_row_2">
        <a href='/'>
          <img class='soov_logo' src='/assets/img/logo_uus.png'>
        </a>
      </td>
    </tr>
  </tbody>
</table>

我试过这些：

border: 0px;
border-spacing: 0px;
border: none;
border: 0 none;
border-width: 0px;
margin-bottom: -1px;
max-height: 155px;
height: 155px;

还有更多不同的属性和价值观，但似乎没有什么能覆盖我需要的东西。更糟糕的是，我真的不知道要覆盖什么，我只是猜测它是tr，td，a或img的边界......也许它是字体大小或完全不同的东西。

如果有任何回复，我将不胜感激。如果无法完成，则无法完成，我将放弃并继续使用未使用表格设计的网站。

Answer 1

将vertical-align: top添加到图像中。这个空间是基线以下的空间。

神秘的底部边界

1 个答案: