インライン ブロック要素の間隔
インライン ブロック要素は、それらの間に少量の空白があることで知られており、一貫性の際に懸念される可能性があります。が望まれます。この空白は、HTML コード自体のスペースから発生します。
この空白を削除するには、いくつかの方法が考えられます。
-
HTML スペースを削除します。 理想的には、 HTML を最適化して不要な空白を削除する必要があります。これは、ページが提供されるときにサーバーによって実行することも、入力段階で適切な間隔ルールを適用することによっても実行できます。
-
float: left: を使用する これは実行可能な解決策のように思えるかもしれませんが、 display: inline-block with float: left は、要素の高さに悪影響を与える可能性があります。
-
コンテナのフォント サイズを次のように設定します。 0: 別の方法として、コンテナ div のフォント サイズを 0 に設定し、内部要素に適切なフォント サイズを設定することもできます。このアプローチは簡単ですが、内部要素で相対的なフォント サイズのルールを利用できなくなります。
以上がインラインブロック要素間の空白を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。