写真間の隙間をなくすにはどうすればいいでしょうか？ _html/css

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

WBOY

リリース： 2016-06-24 12:14:02

オリジナル

2128 人が閲覧しました

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

サポート