0

2 つのインライン ブロック要素があり、それらの間に制御できないマージンがあります。

次の JSFiddle で水色の要素を緑の要素に接触させるにはどうすればよいですか?

http://jsfiddle.net/oregontrail/XvBa7/1/

.indicator {
    display:inline-block;
    width:100px;
    height:50px;
    text-align: center;
    background: PaleTurquoise;
    vertical-align: top;
}

.handle {
    display:inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background: limegreen;
}
4

3 に答える 3

1

インライン
ブロック要素間のスペースとの戦い

インラインブロック要素は単語のように扱われるため、単語間隔の影響を受けます。

于 2013-07-18T19:02:07.200 に答える
1

inおよびindisplay:inline-blockに置き換えますfloat:left.indicator.handle

于 2013-07-18T19:08:15.680 に答える
0

私はここで同様の質問に答えました: CSS 配置 3 ブロックを隣り合わせに

解決策は、ラッパーを使用して設定font-size: 0し、要素でリセットするか、html の div 間の空白を削除することです。より詳細な回答については、投稿を参照してください

于 2013-07-18T19:07:43.520 に答える