【问题标题】:Space between anchor image within table data表数据中锚图像之间的空间
【发布时间】:2012-05-10 21:57:27
【问题描述】:

表格数据在其下方有边框和链接图像以及其他一些锚文本。

问题是它在链接之间有空间,我从这个here 得到的解决方案只是使用垂直对齐来消除锚之间的间隙(有效),但在我的情况下,它会在边界顶部 td 边界之间产生间隙而是锚定图像。使用 clear 也不起作用。有什么想法吗?

  <td style="font-size:14px;border:1px solid #848484;font-weight: bold;">
      <a target="_BLANK" href=""><img style="border:none;" src="clothing.jpg" alt="Female Clothing"/></a>
      <a target="_blank" href="">&nbsp; &raquo;  Sub Men</a>
   </td>

【问题讨论】:

  • 你不会创建一个fiddle吗?
  • @yair link 但它适用于那个jsfiddle,使用vertical-align:top后我看不到border-top和图像之间的任何间隙。但是如何去除 Cloth 和 td 边框底部之间的间隙呢?
  • 间隙是你的边框底部:1px 纯白色
  • @Radio 就在这笔钱上,我应该小心我放了什么代码。我将重新检查图像和表格数据边框顶部的间隙

标签: css image gaps-in-visuals


【解决方案1】:

也许你需要设置:

<table cellspacing="0" cellpadding="0">
  ...
</table>

【讨论】:

  • 当前设置的单元格间距为 10,单元格填充为 0。但是,由于链接在同一个 中,单元格间距不会影响它(尝试过),只会影响表格数据之间的空间。
【解决方案2】:

我发现我必须同时使用垂直对齐和显示块才能修复它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-12-17
    • 1970-01-01
    • 2015-02-05
    • 2012-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多