人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: e23jp
●カテゴリ:コンピュータ インターネット
✍キーワード:タグ 画像
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● tokyoyama
●35ポイント

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


2 ● GoldenDawn
●35ポイント

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

対処としては例えば 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>
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ