inline-blockのattribute_javascriptスキルによって生じるタグ間のギャップを解消する方法

1. inline-block要素の親要素を設定します。

親要素のフォントサイズを 0; に設定します。子要素の font-size を適切なサイズに設定します。子要素の font-size が設定されていない場合、子要素は親要素の 0 を継承します。

2. inline-block要素の親要素を設定します。 (letter-spacing: 文字間隔)

親要素の文字間隔を -4px または -8px に設定します。Google は -8px ですが、残りは -4px です。また、子要素の文字間隔を 0 に設定します。それ以外の場合は

になります。

親要素を継承し、子要素のテキストを変形させます。

テスト後、-8px に設定しました。これが可能かどうかはわかりません。ご意見がございましたら、お気軽にお知らせください。

3. inline-block要素の親要素を設定します。 (word-spacing: 単語の間隔)

親要素の単語間隔を -4px または -8px に設定します。Google、360 は -8px、Firefox、IE は -4px です。また、子要素の word-spacing: 0 を設定します。それ以外の場合、親要素が継承され、子要素内のテキストが変形します。

上記と同様に -8px に設定することもできます

4. Google、Firefox、360 での上記のテストはすべて最新のブラウザー IE8 でテストされています。何か問題がございましたらお知らせください。

上記の内容は、エディターが導入したinline-block属性によるタグ間のギャップ問題です、皆様のお役に立てれば幸いです。