1

私は次のコードを持っています:
HTML で

 ​<div id="first" >​</div>  
 <div id="second"></div>

CSSで

​#first,#second {  
    background-color: red;  
    display: inline-block;  
    width:50px;  
    height:50px;  
    margin:0px;  
    padding:0px;  
    border: 0px;  
}​

削除できない div 間のスペースを確認します。何か助けはありますか？jsfiddle ソースへのリンクは次のとおりです。

4

4 に答える 4

2

これは、HTML をフォーマットするときに含めた空白です。これを修正するには、親のフォント サイズをゼロに設定します。

#container{
    font-size:0;
}

別のアプローチは、HTML を次のようにフォーマットすることです。

​&lt;div id="first" >​&lt;  
/div><div id="second"></div
/div>...

http://jsfiddle.net/4NQEm/1/

于 2012-11-17T16:19:13.917 に答える
1

または、表示される div間のスペースを避けるために完全にめちゃくちゃな HTML を使用したくない場合は、inline-blockHTML コメントを使用して div を接続することができます。

    ​&lt;div id="first" >​&lt;/div><!--  
 --><div id="second"></div>
于 2013-07-19T11:42:51.897 に答える
1

スペースは HTML にあるため、出力にも含まれます。</div><div id="second">それらの間にスペースを入れずに押し込んでみてください。

于 2012-11-17T16:17:37.937 に答える
0

2 つの div 間のスペースを削除するには、2 番目の div の負のピクセルの margin-left プロパティを設定する必要があります。このリンクを確認するか、

#second
{
    margin-left:-4px;
}
于 2012-11-17T17:38:03.727 に答える