1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

原创:(小发现)DIV一个非常细小的问题。

本帖由 shangjay2006-03-01 发布。版面名称:前端开发

  1. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    <div><img src="logo.gif"/></div>


    <div><img src="logo.gif"/>
    </div>


    代码是一样的。 但是出来的效果不一样。 问题在于 后者的 </div>换了行,换行之后 图片在框架的高度会上升大约2。
    而前者,图片和框架是紧密结合在一起的。

    这个问题,郁闷了我好半天。一直找解决的CSS,怎么都不行。

    不知道是改在 BODY里 定义好呢还是怎么办!
    高手给个好的解决办法!
     
  2. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    不同浏览器下对于 DOM 的解析不同,IE 下可能认为换行符也是一个节点。

    这个节点类似之前你的一个问题中:图片后紧跟文字,div 边框无法和图片边框紧贴——这个可以通过图片的 align 属性来尝试解决。
     
  3. Zooyiy

    Zooyiy New Member

    注册:
    2006-01-12
    帖子:
    8
    赞:
    1
    #div img {
    vertical-align: bottom;
    }

    这样就可以了!
     
    已获得 小叶 的点赞。
  4. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    Zooyiy 的方法正确,受教了。
     
  5. 流氓兔

    流氓兔 New Member

    注册:
    2005-09-27
    帖子:
    905
    赞:
    3
    呵呵跟着你们屁股学 我也正在学 重构
     
  6. 西子宜

    西子宜 Well-Known Member

    注册:
    2005-09-05
    帖子:
    15,739
    赞:
    62
  7. 飞天宝

    飞天宝 New Member

    注册:
    2006-03-04
    帖子:
    12
    赞:
    0
    哦~受教了。以后多来看看
     
  8. laogui

    laogui Administrator
    管理成员

    注册:
    2005-08-30
    帖子:
    15,216
    赞:
    35
    IE太垃圾了,这个问题在其他浏览器下没有
     
  9. pjuser

    pjuser New Member

    注册:
    2006-03-05
    帖子:
    11
    赞:
    0
    这个东西有时候是觉得出错的地方莫名其妙,要多转转了
     
  10. pjuser

    pjuser New Member

    注册:
    2006-03-05
    帖子:
    11
    赞:
    0
    对了,大家有没有什么好些的手册或者教程啊,最好是实例结合直观一些的,谢谢了
     
  11. comic

    comic New Member

    注册:
    2006-03-05
    帖子:
    302
    赞:
    2
    偶也是菜鸟```继续学习````
     
  12. jeminy

    jeminy Member

    注册:
    2005-09-27
    帖子:
    975
    赞:
    13
    谢谢分享~
     
  13. redfox

    redfox New Member

    注册:
    2006-03-30
    帖子:
    106
    赞:
    0
    这个问题经常遇到。
     
  14. kuangri

    kuangri New Member

    注册:
    2006-03-08
    帖子:
    62
    赞:
    0