0

これはcssコードです：

#div_0, #div_1 {
    width: 100px;
    height: 100px;
    display: inline-block;
}

#div_0 {
    background-color: #090;
}

#div_1 {
    background-color: #900;
}

これはHTMlです

<div id="div_0"></div>
<div id="div_1"></div>

これは次のように表示されます： http://jsfiddle.net/7G63S/

ご覧のとおり、ここに div タグ間のスパイスがあります。このスペースを削除するために、次のように html を記述できます。

 <div id="div_0"></div><div id="div_1"></div>

問題が解決しました： http://jsfiddle.net/7yE2M/

しかし、intereset、html が次のように見える場合、css を使用して div 間のスペースを削除するにはどうすればよいですか?

<div id="div_0"></div>
<div id="div_1"></div>

?

またはこれを不可能にしますか？

PS ホワイトスペース:この場合、nowrap は役に立ちません。

4

3 に答える 3

5

ラッピングコンテナで0に設定line-heightします-http://jsfiddle.net/7G63S/1/を参照してくださいfont-size

于 2012-09-12T12:47:48.700 に答える
0

float:leftdivにスタイルを追加します#div_0, #div_

こちらのデモhttp://jsfiddle.net/7yE2M/1/

于 2012-09-12T12:46:56.983 に答える
0

ソースのフォーマット上の理由で空白が必要ですか、それとも生成された HTML を変更できない場合ですか? HTML を変更できる場合、最善の策は単純に空白を削除することですが、書式設定を失う必要はありません。空白をコメントアウトするだけです：

<div id="div_0"></div><!--
--><div id="div_1"></div>

編集：ここでより多くの解決策を見つけることができますhttp://css-tricks.com/fighting-the-space-before-inline-block-elements/

于 2012-09-12T13:38:22.470 に答える