0

次の例を参照してください。

http://users.telenet.be/prullen/portfolio.html

画像を display:block に設定しようとしました -

display: block;
margin: 0;
padding: 0;

しかし、それはうまくいきませんでした。

私も追加してみました

 visiblity:hidden;overflow:hidden;height:0;font-size:1px;line-height:0px

に

 <div style="clear:both"></div>

しかし、これらのどれも機能しません。

誰が原因が何であるか知っていますか？可能であれば、clear:both は IE7 との互換性を維持する必要があります。

4

8 に答える 8

3

それらをクラス名「.row」の div に入れ、行の高さを 0 に設定してみてください。

HTML:

<div class="row">
    <img src="img1.png" />
    <img src="img2.png" />
    <img src="img3.png" />
</div>

CSS:

.row {
    line-height: 0;
}
于 2012-09-07T18:55:34.430 に答える
2

あなたの段落タグは、上下にギャップを引き起こしているものです。段落 (クロム) のデフォルトは次のとおりです。

p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

マージンを 0 に設定するだけで問題が解決します。

p { margin: 0px; }
于 2012-09-07T18:59:49.703 に答える
1

わかりました、動作をテストしました。

を削除しclear:both div、float スタイルを最初のアイテムに設定します。

悪い：

<div class="item">
    [...]
    <div style="clear:both;"></div>
</div>
<div class="item" style="border:red;">
    [...]
</div>

良い：

<div class="item" style="float:left;">
    [...]
</div>
<div class="item" style="border:red;">
    [...]
</div>
于 2012-09-07T19:22:15.470 に答える
1

あなたが話しているギャップが画像間の垂直ギャップである場合、問題は<p>2 番目の の上部マージン.item .descriptionです。ギャップを与える要素です。

.description p { margin-top: 0 }

別の方法:

<div class="description">
    <p class="first">Description goes here.</p>
</div>

.description .first { margin-top: 0 }
于 2012-09-07T18:57:55.630 に答える
0

2 番目の項目の<p>タグは、div 全体を 1 行押し下げています。これは、デフォルトの上下マージンが通常 1em であるためです。マージンを 0 に設定すると、項目が互いに重なり合って整列します。to<p>のクラスを設定または作成する必要があります。<p>margin-top: 0px

于 2012-09-07T19:05:58.420 に答える
0

特定のページのクイック修正: css ブロックに追加float:leftします。.item

于 2012-09-07T18:59:45.087 に答える
0

CSSでリセットを行います...

*{ パディング: 0; マージン: 0; }

于 2012-09-07T18:59:45.770 に答える
0

<div style="clear: both;" />最初の の後に追加する必要があります<div>。

固定コード

また、削除することもできます：

<div style="clear:both;visiblity:hidden;overflow:hidden;height:0;font-size:1px;line-height:0px;"></div>
于 2012-09-07T18:55:42.347 に答える