css怎么去掉div间距


本文摘自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

div{

    margin: 0;

    padding: 0;

}

2、去除div之间的间距

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!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>

效果:

aca3ed1c306a256b95874d8f104da81.png

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

解决方法:

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

1

2

3

4

5

6

body{

    font-size: 0;

}

div{

    font-size: 16px;

}

952f6f019699a8adb4c5e7ce8f9c1fc.png

以上就是css怎么去掉div间距的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css的min-height属性怎么用

css中的内联元素是什么

ie9不能读取外部css样式怎么办

如何实现css代码复用

css3二级导航菜单制作步骤详解

css如何把div修饰成圆

css怎么将鼠标变小手样式

css子类选择器是什么

css如何解决高度不一致问题

css边框显示不出来怎么办

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...