0

ここに私の問題があります: http://jsfiddle.net/gregseth/548S2/

要素の間に空白があるのはなぜですか? どうすればそれを取り除くことができますか？

さらに<img>、「通常の」HTML ページ (Firefox) にある場合に、jsfiddle で寸法が考慮されないのはなぜですか?

4

4 に答える 4

2

This is a result of HTML rendering a space when block items have a space or line break between them. You can either float the items to the left:

http://jsfiddle.net/548S2/4/

or remove the line breaks between the elements:

http://jsfiddle.net/548S2/2/

于 2012-06-08T09:47:52.133 に答える
1

それは

nav a { display:inline-block; }

これを次のように変更する場合：

nav a {    
    display:block;
    float:left;
}

マージンはなくなりました。

jsfiddle： http: //jsfiddle.net/548S2/3/

于 2012-06-08T09:44:46.730 に答える
0

CSS の "nav a" にfloat:leftを適用するだけです。

于 2012-06-08T10:00:22.900 に答える
-1

<a>これは、HTMLの要素間のスペース（改行）です。これは、すべてinlineまたはinline-block要素で発生します。

オプション1：タグで 使用margin-right:-4px;します。<a>

オプション2：<a>タグ 間のスペースを削除します。

オプション3：他の回答で説明されているように<a>タグを 変更します。display:block; float:leftこの場合、コンテナ要素の高さを固定するか（この場合）、フロートが重ならないように次の要素でを<nav>使用する必要があります。clear:leftこのフローティングアプローチを避け、他のオプションの1つを使用すると便利な場合があります。

于 2012-06-08T09:44:30.077 に答える