在這里我們能看到第一個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>