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

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

WBOY
WBOYオリジナル
2016-06-24 12:14:022099ブラウズ

<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 であることを意味するだけで、実際には、ページを再構築するときに共通でリセットする必要があります。すべてのタグにこの属性があります。


サポート

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。