ホームページ > ウェブフロントエンド > htmlチュートリアル > ページ img spacing_html/css_WEB-ITnose に問題があります

ページ img spacing_html/css_WEB-ITnose に問題があります

WBOY
リリース: 2016-06-24 12:18:09
オリジナル
1360 人が閲覧しました

    


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


これらの画像は、パディングとマージンを設定していませんでしたが、すでに設定されているように見えます。
パディングとマージンを 0、ボーダーを 0 に設定しても、元のスペースを削除するにはどうすればよいですか??

#main_div_log02{width:960px;height:186px;margin-top:5px;}
#main_div_log02 img{padding:0;margin:0;border:0;}


ディスカッションへの返信 (解決策)

はい画像の問題ではありません。画像の幅と高さを試してください

firebug を使用して、他の設定が継承されているかどうかを確認してください

#main_div_log02 img{padding:0;margin:0 にいます。 ;border: 0;} という文を追加し、 #main_div_log02 img{padding:0;margin:0;border:0;float:left;} に変更すると、画像間の隙間がなくなります。

フローティングしたくない場合は、Enter キーを押さずに、img を 1 行に記述できます。

の間には復帰スペースがあってはなりません

の間に復帰スペースがあってはなりません

とても気持ち悪いです!コード内のキャリッジ リターンとライン フィードは役に立ちません。

フロートさせたくない場合は、Enter キーを押さずに img を 1 行に書くこともできます。

試してみましたか?ナンセンスなことを言わないでください。それを 1 行にまとめるのと、複数の行に入れるのとでは何が違いますか?無駄だ!

改行を追加せずに、すべての文字を 1 行に記述すると便利です。

これを言うには何か理由があるはずです


以前同じような問題に遭遇したことを思い出し、それを一行で書きました。

LZ、あなたは問題を解決するために他の人に助けを求めるためにここにいます。試してみないで、どうやってそれがうまくいかないとわかりますか?

じゃあ、なぜ聞くのですか? ? ? ?

あなたが試してみて、私が言った方法があなたの問題にうまくいかない場合は、それを言うことができますが、この口調ではだめです!

LZ、戻って振る舞い方を学びましょう!

4 階の danica7773 からの返信を引用します:

フロートさせたくない場合は、Enter キーを押さないで、img を 1 行で書くことができます。

試してみましたか?ナンセンスなことを言わないでください。それを 1 行にまとめるのと、複数の行に入れるのとでは何が違いますか?無駄だ!
たとえ他の人の返信が間違っていたとしても、そのような口調は使わないでください

imgのスタイルにborderを追加して見てください
一般的には、img{padding:0;margin:0;border:0;}を追加します。スタイルシートの先頭に、これらを追加する必要があります。その後、個別に設定します。

カーン嘘。 。 。 9階にあります。答えたのは私ではありません。 。 。私の態度には何の問題もありません。

自分で解決しました。とにかくありがとうございました。
ul li の中に配置し、li の幅と高さを定義する必要があります。 Xunleikakan の CSS を参考にしました


確かに、Firefox では 3 ピクセル近くのスペースがありますが、IE7 と 8 ではスペースがありません。

これは、div と img が一致するときにギャップがあるためです。

この問題を解決するには、次のように書きます


#main_div_log02{width:960px;height:186px;margin-top:5px;}
#main_div_log02 img{padding:0;margin:0;border:0;ブロック; }

確かにその通りです、試してみたらうまくいきました!ありがとうございます

この文を #main_div_log02 img{padding:0;margin:0;border:0;} に追加し、 #main_div_log02 img{padding:0;margin:0;border:0; に変更します。 float: left;}, この場合、画像間の隙間はなくなります。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート