【问题标题】:Unexpected padding/margin in image links图像链接中的意外填充/边距
【发布时间】:2012-04-30 17:44:13
【问题描述】:

此处主要产品图片下方:http://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers 线条和图片之间有一个 CSS 未指定的空格。

使用 firefox 检查元素不会显示任何会产生该空间的 css 填充/边距。

哪个 css 属性导致了这种情况?

【问题讨论】:

    标签: css page-flow


    【解决方案1】:

    这是 img 显示属性设置为 inline(默认情况下)的副作用。

    添加这条规则:

    #image {
        display: block;
    }
    

    它会解决这个问题。

    【讨论】:

      【解决方案2】:

      嘿,你刚刚在你的 CSS 中定义

      a img {
          border: 0 none;
          vertical-align: top;
      }
      

      【讨论】:

      • 这将解决症状,但 Eliran Malka 有正确的答案。