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

div内的一个小问题。

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

  1. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    要麻烦大家看下效果了, 一个DIV内放了图片,DIV的线和图片的连接的很紧,在后加了文字之后下面就出先空隙。
    有什么办法来解决呢?


    <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" /></div>



    <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" /><a>aaaaaaaaaaa</a></div>
     
  2. yjlrwmqj

    yjlrwmqj New Member

    注册:
    2005-09-06
    帖子:
    112
    赞:
    1
    控制好大小嘛
     
  3. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    文本是有行高的,而且也要结合图片的对齐方式来考虑。

    :)
     
  4. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    我是刚刚才开始用 DIV+CSS来做模板的, 谁指点一下
     
  5. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    希望有人能小小提示一下。
     
  6. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    绝对底部对齐。

    HTML:
    <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" align="absbottom" /><a>aaaaaaaaaaa</a></div>
    不过我还不太确定这个属性是否为标准的,你可以自行校验。
     
  7. Zooyiy

    Zooyiy New Member

    注册:
    2006-01-12
    帖子:
    8
    赞:
    1
    这样写不好吗?

    <div id="frame">
    <p><img src="" alt="none" /></p>
    <p>Text</p>
    </div>

    #frame {
    border: 1px solid #000;
    height: 200px;
    }
    #frame p {
    float: left;
    }
    #frame p img {
    height: 200px;
    width: 501px;
    }