ホームページ  >  記事  >  ウェブフロントエンド  >  インラインブロック要素間のデフォルトの間隔を削除する方法

インラインブロック要素間のデフォルトの間隔を削除する方法

WBOY
WBOYオリジナル
2016-09-24 09:02:481271ブラウズ

数日前にページを書きました

リーリー リーリー リーリー リーリー

幅が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;

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。