获取两张图片来触摸CSS

我试图让两张图片碰到CSS。获取两张图片来触摸CSS

<div> 
<image src="scroll><br> 
<image src="scroll> 
</div> 


* { 
    margin: 0px; 
    padding: 0px; 
} 

body {font-family:Courier New, Courier New, Courier New; 
    background-image: url(background.jpg); 
    background-repeat: repeat; 
    width:100%; 
    height:100%; 
}

使用此代码时，我得到 problem

来源

2012-12-09 Max Young

你打算接受一个答案，或提供更多关于你最后的评论？ –

谢谢。我正在努力达到1000 –

对此感到抱歉。 –

他们不碰的原因是因为线上的高度。图像默认为内联，意味着文本行之间的差距仍然存在。你必须关掉它。更好的方法是，使图像块，而不是在线：

img { display: block }

或者inline-block。

另一种方法是设置line-height: 0对含div

确保您还使用了正确的标签。图片使用<img>不是<image>

来源

2012-12-09 07:51:19

'font-size'很重要？我不这么认为？ –

如果我现在可以给你答案，我会，但显然我得等上五分钟，谢谢。我仍然不得不将它的边距改为-2px，以便让它们互相碰撞，但效果很好。 –

@ Mr.Alien一个更大的字体增加了领先，是的。某些浏览器不允许字体大小低于特定值，因此无法将字体大小设置为零以实现提问者所需的效果。 –

我不明白你在说什么图片，没有给出现场示例，如果是黄色1而不是你为什么使用<br>？

<div> 
<image src="#" /> 
<image src="#" /> 
</div>

还要确保你已经重置了浏览器默认样式

* { 
    margin: 0; 
    padding: 0; 
}

如果需要的话也可以尝试设置line-height: 0;尼古拉斯告诉你做..

来源

2012-12-09 07:51:28

或者您的图像本身有额外的空间，或使用此css：

img { 
padding:0; 
margin:0; 
}

来源

2012-12-09 07:51:50

获取两张图片来触摸CSS

回答

相关问题