ホームページ > 記事 > ウェブフロントエンド > インラインブロック要素間のデフォルトの間隔を削除する方法
数日前にページを書きました
幅が900ピクセルのdivには、幅が300ピクセルの3つのインライン要素liを収容できないことがわかったので、レイアウトにはfloat:leftを使用する必要がありました。後でオンラインで調べたところ、inline-block のデフォルトの間隔は 4px で、inline にもデフォルトの間隔があることがわかりました。ここで、インラインブロック要素とインライン要素の間の間隔を解決するいくつかの方法を見てみましょう:
1. HTML では要素を 1 行に直接記述することも、終了タグと 2 番目の開始タグを 1 行または 2 行に記述することもできますが、最後のタグは削除できません。
2. margin-right を負の値に設定しますが、コンテキストのフォントとテキストのサイズを考慮してください。
3. まず子要素のフォントを設定し、次に親要素を設定します font-size:0px;////Chrome の場合: -webkit-text-size-adjust:none;
4. 親要素を設定します。要素のletter-spacingまたはWord-spacingは負の値であるため、サブ要素にテキストがある場合はフォントを考慮する必要があります。letter-spacingまたはword-spacingの値の設定にも注意する必要があります。
5.float:left;