css - CSS：dt-ddマージンを修正

Question

dtと彼のdd要素を1行に配置すると：

display: inline-block;
margin: 0px;

これら2つの間にはまだ少しマージンがあります。私が見つけた解決策は次のとおりです。

margin-left: -4px;

しかし、それを解決するためのより良い方法はありませんか？

Answer 1

はい、スペースが発生するのは、インラインブロックがインラインフローの一部であるためです。つまり、改行するとスペースが発生します。いくつかの解決策があります：

• 2つの要素の間の改行を削除します。
• font-size: 0いくつかの共通の親に設定します。
• インラインブロックの代わりにフロートを使用する

これはこのテーマに関する良い記事です。