隐藏边距的原因？

我正在重做某人现有的Weebly网站。隐藏边距的原因？

这是不完整的，但我遇到的一个问题是有额外的保证金（我认为保证金）发生此外到我已经包含的保证金。

原厂址在这里可以查看： http://budaeva.weebly.com/index.html

网站重做可以在这里看到： http://backwards.ca/ayyyna/index.html

所涉地区如下：

#feature_pic img

提前致谢。

来源

2013-07-08 Brant Barton

你是在谈论图像上方和下方的轻微填充？ – Justin

请在此处添加有意义的代码和问题描述。请不要将链接到需要修复的网站 - 否则，一旦问题得到解决，此问题将会丢失未来访问者的任何价值。发布 [简短，独立，正确的示例（SSCCE）]（http://www.sscce.org/），这表明您的问题将帮助您获得更好的答案。有关更多信息，请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接到它吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

谢谢。我编辑了我的问题 –

添加display: block到#feature_pic img

解释。

默认情况下<img>是一个inline元素，因此该空间来自假设的line-height。但是您需要将img更改为block级别元素。

来源

2013-07-08 16:13:45

而原因？ – PSL

某些浏览器（主要是ie）喜欢在未设置为显示：图块的图像下方添加空白区域。我认为实际的空间本身就是非块对象固有的行高属性的人工产物。 – relic

很好的解释+1。 :) – PSL

隐藏边距的原因？

回答

相关问题