在這里我們能看到第一個(gè)p與第二個(gè)p仍然有一個(gè)1px的間距,而第二個(gè)和第三個(gè)沒(méi)有間距,子p和父p沒(méi)有間距,說(shuō)明我們的問(wèn)題不是在這里

解決方法:

給父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>