以文本方式查看主题 - 中文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} <!--主要考虑纵向的拼接-->
|
-- 作者: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 |