CSS で div の間隔を削除する方法: 1. margin 属性とpadding 属性を使用して div の内部間隔と外部間隔を削除します; 2. 親要素の "font-size" を 0 に設定し、次に、div.sizeの「font-size」をリセットして、div間のスペースを通常どおり削除します。
このチュートリアルの動作環境: Windows 7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。
推奨: 「css ビデオ チュートリアル 」
css で div 間隔を削除
1. div の内部間隔と外部間隔を削除します。
div{ margin: 0; padding: 0; }
2. div 間のスペースを削除する
デフォルトでは div 間にスペースはありませんが、display: inline-block が設定されている場合はスペースが表示されます。
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ display: inline-block; border: 1px solid #000; } </style> </head> <body> <div>1</div> <div>2</div> <div>3</div> </body> </html>
影響:
コードを記述するときに、改行とインデントによりスペースが表示されます。
解決策:
親要素のフォント サイズを 0 に設定し、div のフォント サイズをリセットします。
body{ font-size: 0; } div{ font-size: 16px; }
以上がCSSでdiv間隔を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。