本文摘自PHP中文网,作者藏色散人,侵删。
css去掉div间距的方法:1、通过margin和padding属性去除div内部间距和外部间距;2、设置父级元素“font-size”为0,然后重新设置div的“font-size”即可正常去除div之间的间距。
本教程操作环境:Windows7系统、HTML5&&CSS3版本,DELL G3电脑,该方法适用于所有品牌电脑。
推荐:《css视频教程》
css去掉div间距
1、去除div内部间距和外部间距
1 2 3 4 |
|
2、去除div之间的间距
默认情况下,div之间是没有间距的,如果设置了display: inline-block,则会出现间距。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
效果:
原因,写代码时,换行缩进造成的出现空格。
解决方法:
设置父级元素font-size为0,再重新设置div的font-size即可
1 2 3 4 5 6 |
|
以上就是css怎么去掉div间距的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css transition-timing-function属性怎么用
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者