Home > Article > Web Front-end > How to remove div spacing in css
How to remove div spacing in css: 1. Remove the internal spacing and external spacing of the div through the margin and padding attributes; 2. Set the "font-size" of the parent element to 0, and then reset the "font-size" of the div. size" to remove the spacing between divs normally.
The operating environment of this tutorial: Windows 7 system, HTML5&&CSS3 version, DELL G3 computer. This method is suitable for all brands of computers.
Recommended: "css video tutorial"
css remove div spacing
1. Remove div internal spacing and external spacing
div{ margin: 0; padding: 0; }
2. Remove the spacing between divs
By default, there is no spacing between divs. If display: inline-block is set, spacing will appear.
<!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>
Effect:
Cause, when writing code, spaces appear due to line breaks and indentation.
Solution:
Set the font-size of the parent element to 0, and then reset the font-size of the div
body{ font-size: 0; } div{ font-size: 16px; }
The above is the detailed content of How to remove div spacing in css. For more information, please follow other related articles on the PHP Chinese website!