display:inline-block_html/css_WEB-ITnose によって生じるギャップの問題を解決する

今日はあるプロジェクトに取り組んでいます。当初はテーブルを作るつもりだったのですが、面倒なのでdivにaを4つだけ入れて、aをinline-blockにしました。最初はギャップの問題は見つかりませんでした（ちなみに、ブロガーが初心者向けに方法を紹介します。divのレイアウトやサイズに問題がある場合は、背景色を設定するとよいでしょう）。テーマに戻り、border-bottomにaを設定しました 問題はここで、ギャップがあります

aの表示値を設定しただけです

対処方法

ギャップはラベル間のギャップによって引き起こされるため、可能性があります

1) a ラベルを配置します 個別に書き込みます

2)

inline-block の親要素の font-size を 0 に設定します。 inline-block の font-size を通常の値に設定することも可能です

3) フォントを設定する必要がある要素が多い場合は、通常はマイナスのマージンで解決できます。値

4) ワードスペーシング、文字スペーシングなどの方法もたくさんあります

この方法をうまく解決できたら、将来自分用のリマインダーとして記録してください