在这里我们能看到第一个p与第二个p仍然有一个1px的间距,而第二个和第三个没有间距,子p和父p没有间距,说明我们的问题不是在这里

解决方法：

给父p加这样的css属性

font-size:0

-webkit-text-size-adjust:none;

print代码：

<p style="background-color:green;font-size:0;-webkit-text-size-adjust:none;">

 

        <p style="width:40px;height:30px;background-color:red;display:inline-block;">

 

        </p>

 

        <p style="width:40px;height:30px;background-color:red;display:inline-block;">

 

        </p>

 

        <p style="width:40px;height:30px;background-color:red;display:inline-block;">

 

        </p>