神秘的底部边框

Posted 2023-03-06

【中文标题】神秘的底部边框

【英文标题】：Mysterious bottom border

【发布时间】：2013-10-15 21:10:46

【问题描述】：

我承诺要更改电子商务网站上的徽标，虽然这需要几分钟，但已经花费了好几个小时。所以我希望有更多 CSS 经验的人可以帮助我。

这是网站： http://varuosad.ee/

我似乎无法使包含图像的<tr> 与图像一样高（155 像素），无论我制作多高的图像，<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" >
        </a>
        <a href="/changelanguage/en">
          <img class="lang_right" src="/assets/img/eng.gif" >
        </a>
        <a href="/changelanguage/et">
          <img class="lang_left" src="/assets/img/est.gif" >
        </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 的边框......也许它是字体大小或其他东西。

如有任何回复，我将不胜感激。如果做不到，那就做不到，我会放弃并继续使用不使用表格设计的网站。

【问题讨论】：

表格单元格从.center_div_table td table.table_right td.sub_row_2继承高度157px。

您可以将display:block; 添加到tr 和td 元素

感谢您的快速回答，我不敢相信我错过了 157 像素 css 规则，但无论如何这并没有解决它。座也没有改变。图像仍然是 155 像素高，它周围的 出于某种原因是 14 像素高（我猜字体是 12 像素，而奇怪的类似边框的东西又是 2 像素），将图像与其中的 12 个重叠像素并使用剩余的 2 个像素将包含 和 的

提高到 157 像素。我真的无法理解这一点。

你能为这个问题提供一个更有用的标题吗？？

很确定那艘船已经航行了？这意味着我无法更改标题。

【参考方案1】：

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