0

http://jsfiddle.net/2psu0gs4/

上記の JS フィドルを見てください。取り除けないゴーストマージンがいくつかありますが、なぜそこにあるのかわかりません??

Margin: 0; を試しました。しかし、それは機能していませんか?

<help></help>

何か助けはありますか?

トム

4

3 に答える 3

0

水平方向の目に見えないマージンを取り除くには、float を使用します。一方、垂直マージンはマージンではなく、画像で埋められなかった要素のスペースです(画像はアスペクト比を維持しようとするため)。それを取り除きたい場合は、画像を引き伸ばすことができますギャップを埋めるために。

あなたのフィドルをベースにして、これを試してください:

.content img {
    width:100%;
    height:100%;
}

.content a {
    width:25%;
    height: 100px;
    float: left;
}

http://jsfiddle.net/2psu0gs4/6/

于 2015-07-23T16:49:24.923 に答える
-1

html マークアップの div 間のスペースと改行は、表示中の div 間のスペースの原因です。これらのスペースを削除するか、ここ<!-- spaces and linebreaks -->のように html コメントを追加する必要があります。

ちなみに編集- あなたのマークアップは無効です。アイテムはの<li>直接の子として使用する必要があります<ul>-それに応じてフィドルを更新しました。

于 2015-07-23T16:09:35.620 に答える