html - との間の空白を取り除く方法

Question

score 1 · Accepted Answer

前へのリンク：test1.php

私の位置を絶対に変更し、トップを0pxに設定することで、それを解決しました。時間を無駄にしてすみません、私はそれがそのように機能するとは思っていませんでした。

score 0 · Accepted Answer

空白を削除することについて誰の言うことにも耳を傾けないでください。これは役に立ちますが、空白のトリックを知らない他の誰かによってコンテンツが変更されるまでのしばらくの間だけです。:)

float: left を要素に割り当てると、自動的にブロックレベルの要素に変換されます。

したがって、CSS のみを使用して問題を取り除きたい場合は、画像に display:block を使用します。

画像付きのテキストを使用している場合 (ここで指定されているケースではありません)、float: left または float:right を使用します。

score 0 · Accepted Answer

0

img と a に対して display:block、float:left を試しましたか?

于 2009-07-17T21:43:48.643 に答える

score 0 · Accepted Answer

これを回避する方法は、タグ display:block を割り当てることでした

唯一の問題は、 aとimgのコンテナが必要なことです。

<div class="image"><a href="#"><img src="blah.gif" /></a></div>

.image a,
.image img
{
  padding: 0;
  margin: 0;
  display: block;
}

別の解決策は（しかし、本当に悪い習慣なので、私はそれをお勧めしません）

.image a
{
  font-size: 0;
}

最終的に、画像の周りに div を配置すると、レスポンシブ画像を作成するときに時間がかかり、(配置を台無しにすることなく) 境界線を付けたい場合は、代わりに境界線をコンテナーに適用するだけです。

4 に答える 4