去除div为inline-block时两个div之间的默认边距【问题记录】

1、问题:

当两个div设置为 display: inline-block; 时,它们之间会出现默认的边距,即使将margin padding fontsitz设置为0也是无法消除的。
去除div为inline-block时两个div之间的默认边距【问题记录】_第1张图片
2、解决方法:(两种)

可以将两个div不换行

<body>
	<div>我是第一个div><div>我是第二个div>
body>

还可以使用注释将两个div连起来

<body>
	<div>我是第一个div><div>我是第二个div>
body>

3、建议:

两种方法都可以,如果两个div内的属性和方法不多,则可以使用第一种,如果里面内容和方法多的时候,可以使用第二种方法,提高代码的可读性。

之前还遇到过消除两个span之间的默认边距的问题,有兴趣可以看下:跳转链接

你可能感兴趣的:(CSS)