Home > Article > Web Front-end > How to remove div spacing in css
How to remove div spacing in css
- 藏色散人Original
- 2020-12-24 09:16:358169browse
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!