css去掉div间距的方法-创新互联

小编给大家分享一下css去掉div间距的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司从2013年成立,先为丽江等服务建站,丽江等地企业,进行企业商务咨询服务。为丽江企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

css去掉div间距的方法:1、通过margin和padding属性去除div内部间距和外部间距;2、设置父级元素“font-size”为0,然后重新设置div的“font-size”即可正常去除div之间的间距。

css去掉div间距

1、去除div内部间距和外部间距

div{
    margin: 0;
    padding: 0;
}

2、去除div之间的间距

默认情况下,div之间是没有间距的,如果设置了display: inline-block,则会出现间距。




    
    Document
    


    
1
    
2
    
3

效果:

css去掉div间距的方法

原因,写代码时,换行缩进造成的出现空格。

解决方法:

设置父级元素font-size为0,再重新设置div的font-size即可

body{
    font-size: 0;
}
div{
    font-size: 16px;
}

css去掉div间距的方法

以上是“css去掉div间距的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站栏目:css去掉div间距的方法-创新互联
网页URL:http://scyanting.com/article/cdjigg.html