css怎么去掉div间距?
1、去除div内部间距和外部间距
div{ margin: 0; padding: 0; }
2、去除div之间的间距
默认情况下,div之间是没有间距的,如果设置了display: inline-block,则会出现间距。(推荐学习:CSS视频教程)
<!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>
效果:
原因,写代码时,换行缩进造成的出现空格。
解决方法:
设置父级元素font-size为0,再重新设置div的font-size即可
body{ font-size: 0; } div{ font-size: 16px; }
© 著作权归作者所有
举报
发表评论
0/200