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

回答の条件
  • 1人2回まで
  • 登録:2008/02/13 18:40:15
  • 終了:2008/02/20 18:45:02

回答(2件)

id:tokyoyama No.1

tokyoyama回答回数227ベストアンサー獲得回数32008/02/13 21:27:19

ポイント35pt

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

id:GoldenDawn No.2

GoldenDawn回答回数426ベストアンサー獲得回数812008/02/14 16:49:59

ポイント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>

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません