中文XML论坛--[CSS]IMG标签与图片无缝拼接的问题

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

XML论坛

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

首页

软件下载

资料下载

核心成员

帮助

>> 本版讨论XSL,XSLT,XSL-FO,CSS等技术

[返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 XSL/XSLT/XSL-FO/CSS 』 → [CSS]IMG标签与图片无缝拼接的问题

◇查看新帖 ◇ 用户列表 ◇

(订阅本版)

您是本帖的第 21851 个阅读者　　

*	贴子主题： [CSS]IMG标签与图片无缝拼接的问题	举报打印推荐 IE收藏夹
	本主题类别:

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

[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>

收藏分享
顶(0)

----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2005/12/3 21:09:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

已解决，将图片设为背景即可。
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2005/12/5 9:05:00

一叶千鸟

  等级：大一新生
  文章：5
  积分：90
  门派：XML.ORG.CN
  注册：2004/7/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

设背景不是好的方案，img放在<span> <div>内的时，如果换行被认为是空格。
另可尝试使用 style="vertical-align:middle;" 对图片控制。
----------------------------------------------
个人网站 http://www.rexsong.com

2005/12/20 10:37:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

1、设背景不是好的方案？
不会吧，W3C不是推荐WEB页使用DIV＋CSS＋背景图片的方式吗？
2、可尝试使用 style="vertical-align:middle;" 对图片控制。
好象行不通，测试没有通过！？
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2005/12/20 11:02:00

hainuo

  等级：大一新生
  文章：1
  积分：54
  门派：XML.ORG.CN
  注册：2008/7/21

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

这个很简单只需要如此操作就可以了
<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标签内即可

2008/7/21 10:46:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2025/8/6 5:15:00

本主题贴数5，分页： [1]

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	78.125ms