<p class="sycode"> </p> <p class="sycode"> </p> <table> <tr> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> <title> new document </title> </td> </tr> <tr> <td> </td> <td> <meta name="author" content="胡超"> </td> </tr> <tr> <td> </td> <td> <meta charset="utf-8"> </td> </tr> <tr> <td> </td> <td><style type="text/css">/*解决div里插入img下边缝隙问题 </style></td> </tr> <tr> <td> </td> <td>1.容器div font-size:0px;</td> </tr> <tr> <td> </td> <td>2.img设置vertical-align:middle top bottom;</td> </tr> <tr> <td> </td> <td>3.img设置display:block;</td> </tr> <tr> <td> </td> <td>*/</td> </tr> <tr> <td> </td> <td>div{</td> </tr> <tr> <td> </td> <td>border:1px solid red;</td> </tr> <tr> <td> </td> <td>font-size:0px;</td> </tr> <tr> <td> </td> <td>}</td> </tr> <tr> <td> </td> <td>img{</td> </tr> <tr> <td> </td> <td>border:1px solid black;</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>}</td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td><div> </div></td> </tr> <tr> <td> </td> <td> <img src="images/airplane2.png" alt="解决div里插入img下边缝隙问题_html/css_WEB-ITnose" > </td> </tr> <tr> <td> </td> <td><div> </div></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p> <p class="sycode"> </p> <p class="sycode"></p> <p class="sycode"></p>