在手机客户端图片之间出现白线问题(仅自用记录)

源码:

<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,所以如果切图不注意,两张相邻图片或有错位。

上一篇:ABAP学习(12):Table Control显示


下一篇:css-base-圆角控制文本小技巧