21

これは私のHTMLコードです

<div id="div1">
    <div></div><div></div><div></div><br/><div></div><div></div><div></div>
</div>

私のCSS：

#div1 {
    width:150px;height:100px;white-space:nowrap;
    border:blue 1px solid;padding:5px;
}
#div1 div {
    width:30px;height:30px;
    border:blue 1px solid;
    display:inline-block;
    *display:inline;zoom:1;
    margin:0px;outline:none;
}

<!DOCTYPE html>タグの前に を挿入する<html>と、ページは次のようになります。

ここに画像の説明を入力

しかし、<!DOCTYPE html>タグを削除すると、2 つの行の間の「空白」が削除されます ここに画像の説明を入力

しかし、タグを使用したい<!DOCTYPE html>のですが、推奨されていますが、その空白を削除できる CSS ルールが見つかりません。margin:0;outline:none; を使用しました。など...しかし、うまくいきません。誰か助けてください。ありがとう！（私は英語が苦手です...）

4

9 に答える 9

16

line-height: 0px;親divに追加

jsfiddle: http://jsfiddle.net/majZt/

于 2013-08-29T10:30:26.690 に答える
4

使用するline-height: 0px;

ワーキングデモ

CSS コード:

div{line-height:0;}

これは、すべての Div に一般的に影響します。既存の親 div のみに間隔を空けたい場合は、同じものをそれに適用できます。

于 2013-08-29T10:30:08.473 に答える
3

以下のように、div1 で line-height を使用できます。

<div id="div1" style="line-height:0px;">
    <div></div><div></div><div></div><br/><div></div><div></div><div></div>
</div>

これを参照してください： http://jsfiddle.net/wCpU8/

于 2013-08-29T10:29:52.117 に答える
2

おそらく追加できる最良の方法ではありませんが：

#div1 {
    ...
    font-size:0;
}
于 2013-08-29T10:30:20.533 に答える
0

新しい行を作成するために aを使用する<br/>ことは、最初から悪い解決策です。コンテナ #div1 の幅が 3 つの子 div に等しくなるようにします。 <br/>私の意見では、段落以外の場所では使用しないでください。

于 2013-08-29T10:36:01.593 に答える