源码:
<tr>
<td align="left" style="display:block;margin-top:-2px;" valign="top">
<img alt="" border="0" src="" style="display: block;" width="">
</td>
</tr>
说明:页面布局使用的是table布局,包裹img图片的父标签为td标签。
方法:将img标签外的父标签的属性设置为,style="display:block;margin-top:-2px;"
想法:网上查过一些资料,里面能够有用的就是将img的属性设置为dispaly:block;但是在手机的客户端依旧有差不多0.8px左右的白线。最后选择将外部的父标签td设置为块级标签,然后使用margin-top强行上移2px。网上的很多是建议是上移1px,个人认为最好以实际效果为准。
缺点:相邻图片在剪切时,不要切到整个圆类似的地方,最后整块来切。因为是强行上移2px,所以如果切图不注意,两张相邻图片或有错位。