ホームページ > ウェブフロントエンド > htmlチュートリアル > インラインブロックの空白の問題

インラインブロックの空白の問題

WBOY
リリース: 2016-08-10 08:49:39
オリジナル
1181 人が閲覧しました

1. 問題点

要素に inline-block 属性がある場合、空白の隙間ができてしまいます

1. HTML メソッド

1) 要素間の隙間を削除します

2) 終了タグを省略します

リーリー
2.CSSメソッド

1. 負のマージン値を使用します(マージン右の値はブラウザによって異なる場合があります)

リーリー
2. フォントサイズ: 0 (IE7 では 1px のギャップがあります)

リーリー リーリー
3. 文字間隔の負の値 (Opera ブラウザの最小間隔は 1px、それより小さい場合は文字間隔が元に戻ります)

リーリー
4. 単語間隔の負の値

リーリー リーリー
3.

インラインブロックとベースライン

https://segmentfault.com/a/1190000002668492

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート