ホームページ > ウェブフロントエンド > htmlチュートリアル > 写真間の隙間をなくすにはどうすればいいでしょうか? _html/css_WEB-ITnose

写真間の隙間をなくすにはどうすればいいでしょうか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:14:02
オリジナル
2142 人が閲覧しました

<DIV style="width:680px; height:81px;"><UL><LI><A href="#"><img src="uploadfile/liucheng_01.gif" width="146" height="81"></A><A href="#"><img src="uploadfile/liucheng_02.gif" width="112" height="81"></A><img src="uploadfile/liucheng_03.gif" width="251" height="81"><img src="uploadfile/liucheng_04.gif" width="171" height="81"></LI></UL></DIV>
ログイン後にコピー


上記のコードでは、なぜ写真の間に隙間があるのですか?どうすれば写真間の隙間を取り除くことができますか?


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

変更します:

<DIV style="width:680px; height:81px;"><UL><LI><A href="#"><img src="uploadfile/liucheng_01.gif" width="146" height="81" border=0></A><A href="#"><img src="uploadfile/liucheng_02.gif" width="112" height="81" border=0></A><img src="uploadfile/liucheng_03.gif" width="251" height="81"><img src="uploadfile/liucheng_04.gif" width="171" height="81"></LI></UL></DIV>
ログイン後にコピー

大文字のラベルを見ると頭が痛くなります。

今、大文字のラベルを見ると頭が痛くなります。
+1、TAG を大文字にすることはお勧めしません。

ラベル スタイルをリセットしていないため、*{margin:0;padding:0;} はすべてのラベルの内側と外側の間隔を 0 にするだけですが、実際、ページを再構築するときにこれを使用します。共通 この属性は、スタイルで使用されるすべてのタグに対してリセットする必要があります。

推奨されません *{margin:0;padding:0;} リソースを大量に消費します
どのようなタグを使用することが推奨され、何を記述するべきですか? IE6 の一般的なバグをいくつか示します
http://www.jqueryba.com/ 436.html
ラベル スタイルをリセットしていないため、*{margin:0;padding:0;} はすべてのラベルの内側と外側の間隔を 0 にするだけですが、実際、ページを再構築するときはこれで問題ありません。共通のスタイルを使用します。この属性は、使用されるすべてのタグに対してリセットする必要があります。

1.img{border:none;}

2.負のマージン
3.font-size:0;letter-spacing:-3px;

大文字のラベルを見ると頭が痛くなります

リセットしていないからですラベル *{margin:0;padding:0;} のスタイルは、すべてのタグの内側と外側のスペースが 0 であることを意味するだけで、実際には、ページを再構築するときに共通でリセットする必要があります。すべてのタグにこの属性があります。


サポート

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