以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 XSL/XSLT/XSL-FO/CSS 』  (http://bbs.xml.org.cn/list.asp?boardid=8)
----  [CSS]IMG标签与图片无缝拼接的问题  (http://bbs.xml.org.cn/dispbbs.asp?boardid=8&rootid=&id=24968)


--  作者:Qr
--  发布时间:12/3/2005 9:09:00 PM

--  [CSS]IMG标签与图片无缝拼接的问题
两张图片如果与“<img><br><img>”这种方式使用,很容易实现无缝拼接。
但偶将<img>标签包含在<span>、<div>等标签中,却很难实现。内外两种标签之间总有空白,无法实现无缝拼接。

以下是偶的CSS和IMG相关代码,看哪位朋友熟悉,帮忙指点一下。

span,div{border:0px;padding:0px;margin:0px;background:#eeeeee}

<!--主要考虑纵向的拼接-->
<div>
<img src="1.gif" width="100" height="50" border="0" hspace="0" vspace="0"/>
</div>
<div>
<img src="2.gif" width="100" height="50" border="0" hspace="0" vspace="0"/>
</div>


--  作者:Qr
--  发布时间:12/5/2005 9:05:00 AM

--  
已解决,将图片设为背景即可。
--  作者:一叶千鸟
--  发布时间:12/20/2005 10:37:00 AM

--  
设背景不是好的方案,img放在<span> <div>内的时,如果换行被认为是空格。

另可尝试使用 style="vertical-align:middle;" 对图片控制。


--  作者:Qr
--  发布时间:12/20/2005 11:02:00 AM

--  
1、设背景不是好的方案?

不会吧,W3C不是推荐WEB页使用DIV+CSS+背景图片的方式吗?

2、可尝试使用 style="vertical-align:middle;" 对图片控制。

好象行不通,测试没有通过!?


--  作者:hainuo
--  发布时间:7/21/2008 10:46:00 AM

--  
这个很简单 只需要如此操作就可以了
<div><img src="1.gif" width="100" height="50" border="0" hspace="0" vspace="0"/></div>
<div><img src="2.gif" width="100" height="50" border="0" hspace="0" vspace="0"/></div>
这个问题是ie解析的问题因为firefox就没有这个问题。
为什么这么解决 在一叶千鸟的回复中已经有了答案“img放在<span> <div>内的时,如果换行被认为是空格”  既然知道如此 为什么还要换行所以只需将img标签紧紧的嵌入在div标签内即可
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
5,785.156ms