

上图所示是一个朋友日志中图片,朋友在日志中表述“在博客上传图片时,也就是切割后的图片,在日志中怎么也编辑不好。在日志编辑器中位置居左、居右,图片大小都尝试了,还是有缝隙。”其实我们只要掌握一点,实现图片无缝对接的根本所在是两个图片必须均“无边框”,即边框的像素值必须是“0”,不是靠“位置居左、居右”能解决问题的,掌握了这个要素,再来讨论无缝对接问题就一点也不成问题了,我们先把朋友这个图片的代码译出:
<P style="TEXT-INDENT: 2em"><IMG style="WIDTH: 388px; HEIGHT: 465px" height=483 src="http://img542.ph.126.net/-ZJdpHom0ZK3EknNAPefKA==/2661627379777143858.gif" width=409 __1305492701890__="ev_7042692001"></P>
<P style="TEXT-INDENT: 2em" align=right><IMG style="FLOAT: none; MARGIN: 0px 0px 0px 10px; WIDTH: 390px; HEIGHT: 465px; cssFloat: none" height=489 src="http://img849.ph.126.net/qqoeaCj5QO11wVvvzvTKgQ==/2701878301447105165.gif" width=410 __1305492701890__="ev_2065520668"></P>
<P><WBR></P>
经过分析我们发现,这个代码中的红色部分“MARGIN: 0px 0px 0px 10px;”,分明表示第二个边框有像素为10的边框,当然是无法实现无缝对接了,我们如果把“MARGIN: 0px 0px 0px 10px;”,去掉,再去除蓝色部分表示另起一段的无效代码【</P>
<P style="TEXT-INDENT: 2em" align=right>】,以为有了这个代码,图片实际把分布在两行上了,所以也不能完成无缝对接的命令。
其完整的代码应该是:
<P style="TEXT-INDENT: 2em"><IMG style="WIDTH: 388px; HEIGHT: 465px" height=483 src="http://img542.ph.126.net/-ZJdpHom0ZK3EknNAPefKA==/2661627379777143858.gif" width=409 __1305492701890__="ev_7042692001"><IMG style="FLOAT: none; WIDTH: 390px; HEIGHT: 465px; cssFloat: none" height=489 src="http://img849.ph.126.net/qqoeaCj5QO11wVvvzvTKgQ==/2701878301447105165.gif" width=410 __1305492701890__="ev_2065520668"></P>
然后把代码载入日志以后,就OK了。


评论