[解決済み] display: inline-block extra margin [重複]。

質問

数名で作業しています div に設定されているものです。 display: inline-block とセットで持つ height と width . HTML では、それぞれの div は、divの右側と下側に自動的に5pxのマージンが追加されます。

例

<div>Some Text</div>
<div>Some Text</div>

私が見落としている、自動マージンをリセットするためのプロパティはありますか？

更新情報

私が調べたところでは、余白をなくす方法はありません...ただし、すべてを同じ行にするか、コメントを追加して改行をコメントアウトする場合は別です。

<div>Some Text</div><!--
--><div>Some Text</div>

ベストな解決策ではありませんが、それでも複数行にすれば読みやすくなります。

どのように解決するのですか？

divはinline-elementとして扱われます。2つのスパンの間にスペースや改行があると隙間ができるのと同じように、インラインブロックの間にも隙間ができます。負のマージンを与えるか、あるいは word-spacing: -1; を周囲のコンテナ上に配置する。