0

現在、ポートフォリオサイトを制作中です。しかし、Mansonry の作業中に、各画像の下部に縦横のギャップがあることに気付きました。マージンとパディングを 0 に設定しましたが、消えません。私が興味を持っているのは、ウィンドウのサイズを変更すると、水平方向のギャップがなくなりますが、画像の小さな部分が次に配置された画像と重なっているということです (よく見る必要があります)。

http://jsfiddle.net/L2mzU/1/

 img {max-width: 100%;

}
#content {
    width:100%;
}


.container{
    width:50%;
    float:left;
}

CSSでなんとかなったかな…。

垂直方向と水平方向のギャップも、重なりもありません。どうすればこれを達成できますか?

あなたの助けは大歓迎です。!

4

1 に答える 1

2

top各画像の下の小さな隙間を取り除くには、画像の css に (または下またはその他のいくつかの)垂直方向の配置を追加するだけです。

img {
    vertical-align: top;
}

デフォルトでは、画像は画像baselineの下に小さなギャップを残すように配置されています (テキストの場合、y や g などの文字はベースラインの下にあり、この部屋はそれらのためのものです)。

于 2013-11-09T06:50:55.720 に答える