0

CSSでタッチする2つの画像を取得しようとしています。

<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。

もう1つの方法は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;て、ニコラスが指示したように設定してみてください。

于 2012-12-09T07:51:28.193 に答える
1

画像自体に余分な間隔があるか、次のcssを使用してください。

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