0

我试图让两个图像与 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%;
}

使用此代码时，我得到 问题

4

3 回答 3

3

他们不接触的原因是因为线高。图像默认是内联的，这意味着文本行之间的间隙仍然存在。你必须关闭它。更好的方法是使图像块，而不是内联：

img { display: block }

或inline-block。

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

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

于 2012-12-09T07:51:19.733 回答
2

我不明白你在说哪个图像，没有给出活生生的例子，如果它是黄色 1，那么你为什么要使用<br>？

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

还要确保您已重置默认浏览器样式

* {
   margin: 0;
   padding: 0;
}

如果需要，还可以尝试line-height: 0;按照 Nicholas 告诉您的方式进行设置..

于 2012-12-09T07:51:28.193 回答
1

您的图像本身有额外的间距，或者使用这个 css：

img {
padding:0;
margin:0;
}
于 2012-12-09T07:51:50.327 回答