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