画像を隙間無く並べる時、タグの間に改行やタブがあると隙間ができてしまうのですが防ぐ方法はありますか?

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2008/02/20 18:45:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:tokyoyama No.1

回答回数227ベストアンサー獲得回数3

ポイント35pt

バグなんで改行やタブを無くすのが一番の解決方法だと思います。

id:GoldenDawn No.2

回答回数426ベストアンサー獲得回数81

ポイント35pt

インラインでの改行はスペースと同等に扱われるのでそうなります。

対処としては例えば CSS で float を使うとか。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <style type="text/css">
      img { display : block ; float : left ; }
      p { clear : left ; }
    </style>
  </head>

  <body>
    <p>もけもけ</p>
    <div>
      <img src="./img.jpg" />
      <img src="./img.jpg" />
      <img src="./img.jpg" />
    </div>
    <p>ぽわぽわ</p>
  </div>
  </body>
</html>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません